草庐IT

vue-mobile-template

全部标签

javascript - Mobile Safari/Webkit 窗口焦点事件

我想知道当用户切换回“你的”页面窗口时是否有可能得到一个事件?当用户打开一个新标签然后切换回您页面的标签或当用户关闭safari然后再次打开时,可能会发生这种情况。我希望在收到此事件后能够更新页面上的内容。我现在正在使用setInterval来完成此操作,但是当用户关注您的窗口时最好不要有延迟。谢谢! 最佳答案 这个问题得到解决的可能性似乎很小:我创建了this脚本来记录尽可能多的WebKit事件(事件名称取自http://svn.webkit.org/repository/webkit/trunk/Source/WebCore/d

javascript - AsyncFileUpload Inside Listview Insert、Edit Itemtemplate 和 EmptyData Template 将不起作用

AsyncFileUpload在ListviewInsert、EditItemtemplate和EmptyDataTemplate中不起作用。以上是我的客户端函数functionAttachmentUploadSuccessful(){debugger;vartextError=$(".AttachmentError").text();if(textError.length>0){vartext=$(".AttachmentError");text.innerText=text.textContent=textError;sender._onError(textError);//itw

javascript - Vue.js 中的内联反转 bool 值 @click

对于一个简单的演示,我想反转我在Vue.js实例的数据属性中定义的bool值。我尝试过的:Toggle和Toggle我想避免编写单独的方法或在我的v-on:click="":spanVisible中包含类似的东西?!spanVisible:!spanVisible因为它只是多余的。所以现在我的问题主要是:为什么直接反相不起作用?我还有什么其他的可能性可以让它简短明了?编辑:我现在发现的最短的可能变体是使用spanVisible=!spanVisible,但不确定这是否是可用的最简洁的版本。解决方案:@Sombriks在评论中提出了我找到的最佳解决方案:使用@click="!spanVi

javascript - vue 2、typescript、mocha 和 karma 的代码覆盖率

我们将Vue2与Typescript和webpack3结合使用。Vuex用于状态管理。我们的测试与Karma以及Mocha、Sinon、Expect和Avoriaz一起运行。一切都很好,但我尝试使用Istanbul获得代码覆盖率,以更好地直观表示缺少哪些测试。文件夹结构的小型表示来源组件分享按钮按钮.vue按钮.tsindex.ts...测试单位组件分享按钮按钮.spec.test.tskarma.conf.jskarma.coverage.jsindex.ts...按钮.vuebutton.tsimport{Component,Prop,Vue}from'vue-property-d

javascript - jQuery Mobile 1.4.5 - 导航到动态创建的页面时出错

我已经用头撞墙几个小时了,但似乎仍然无法正常工作。我正在制作一个Web应用程序,使用多页面模板(我的index.html中有多个页面。目的:动态创建一个新页面,然后在屏幕上显示这个页面。问题:创建页面并尝试更改到此页面后,我收到以下错误:Error:Syntaxerror,unrecognizedexpression::nth-child在jquery.mobile-1.4.5.js:1850:8相关代码如下:JavaScript//AddthepagetotheDOM$.mobile.pageContainer.append(page);//Changethepage$.mobile

javascript - Vue.js + Vuex : How to mutate nested item state?

假设我有以下树:[{name:'asd',is_whatever:true,children:[{name:'asd',is_whatever:false,children:[],},],},],树通过Vuex存储在键“树”下的模块中,并使用以下称为“递归项”的递归组件循环:{{item.name}}onoff现在我想切换项目的属性'is_whatever',所以我附加了一个监听器onoff当我点击它时,它可以工作,但会发出以下信号"Error:[vuex]Donotmutatevuexstorestateoutsidemutationhandlers."[vuex]Donotmuta

javascript - 如何使用 webpack 2.7 将 Vue.js 置于生产模式?

我有一个现有代码库,其中Vue.js存在性能问题。我还在浏览器控制台中看到此通知:所以我想一个简单的解决方法是将Vue置于生产模式。在thesuggestedlink我尝试按照webpack的说明进行操作。我们使用的是Webpack2.7版(当前稳定版是4.20)。在说明中说,在Webpack3及更早版本中,您需要使用DefinePlugin:varwebpack=require('webpack')module.exports={//...plugins:[//...newwebpack.DefinePlugin({'process.env.NODE_ENV':JSON.string

javascript - 从 Vue.js 中的父组件执行子方法

目前,我有一个Vue.js组件,其中包含其他组件的列表。我知道使用vue的常见方式是将数据传递给child,并从child向parent发送事件。但是,在这种情况下,我想在单击父中的按钮时在子组件中执行一个方法。哪种方法最好? 最佳答案 一个建议的方法是使用globaleventhub.这允许有权访问集线器的任何组件之间进行通信。这是一个示例,展示了如何使用事件中心来触发子组件上的方法。vareventHub=newVue();Vue.component('child-component',{template:"The'clicke

javascript - 使用 AVA 和 Avoriaz 在 Vue.js 中测试计算属性

我正在尝试使用AVA和Avoriaz测试Vue.js组件的计算属性。我可以挂载组件并正常访问数据属性。当我尝试访问计算属性时,该函数似乎没有该组件上数据的作用域。computed:{canAdd(){returnthis.crew.firstName!==''&&this.crew.lastName!=='';}我得到的错误是Error:Cannotreadproperty'firstName'ofundefined测试文件:importVuefrom'vue';import{mount}from'avoriaz';importtestfrom'ava';importnextTickf

javascript - Vue - webpack vue-loader 配置

每当我想构建一个文件时,我总是收到错误。这是什么原因呢?似乎.vue文件无法被webpack识别,但webpack配置文件看起来正常。网络包错误bundle-app.js189kB1[emitted]app+12hiddenmodulesERRORinUnexpectedtoken>@./app/application.js7:11-31webpack.config.jsvarpath=require("path");module.exports={context:path.join(__dirname,'src'),entry:{app:'./app/application.js'}