草庐IT

Vue3watch

全部标签

javascript - AngularJS + Grunt + Protractor : keepAlive and watch

我目前正在使用E2E测试我的AngularJS应用程序和Grunt中的Protractor。我按照https://www.npmjs.org/package/grunt-protractor-runner安装,我有2个问题:首先:我想知道,如果有可能,我使用Karma进行的单元测试会产生这种行为:启动测试服务器运行所有测试当测试文件或任何其他html/js文件更改时,重新运行所有测试我非常喜欢这种实时监视和自动重新加载的方式,因为它减少了整个套件的启动时间,并使一切变得更快。但是对于Protractor,我有一个问题:每次我用Grunt开始测试时,测试都会执行,然后一切都会关闭。虽然,

javascript - 从数据库中删除后,Vue.js $remove 不删除元素

我正在使用Laravel并尝试学习Vue.js。我有一个正常工作的删除请求,并从数据库中删除了对象。问题是成功删除后它没有从DOM中删除。我正在使用$remove方法并将完整对象传递给它,所以我知道我遗漏了一些东西。作为旁注,我将main.js作为入口点,将PersonTable.vue作为组件。PersonTable.vue包含模板和该模板的脚本。这是我的LaravelView:这是我的`PersonTable.vue:PersonsListFirstNameLastNameEmailGender{{person.first_name}}{{person.last_name}}{{p

javascript - 另一个ajax中的vue js ajax正在获取数据但不呈现 View

有一种情况,我必须在vuejs中的第一个ajax(在mounted函数中)之后获取额外的数据,我将第二个ajax放在if条件中并且在第一个ajax的success函数中!它正在运行,我在chrome的VueDevtools中看到数据,但数据未在View中呈现。伪代码:varvm=newVue({el:'#messages',data:{participants:[],active_conversation:'',messages:[]},methods:{getParticipants:function(){returnthis.$http.post('message/get-part

javascript - 我可以在未注册的组件上构建 Vue.js 失败吗?

考虑以下组件模板......其中Unknown可能是全局注册的组件。在运行时,我会遇到这个信息性错误:[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.[...]但是,对于我的用例,我想强制在构建时不会发生此类事件。目前,vue-cli-servicebuild在这种情况下执行成功构建,然后在运行时显示错误(此时无用)。我很好奇是否有一种方法可以内省(introspection)地捕获这个潜

Vue3 & app.use 与 install 函数的作用

1.app.use在vue3中,默认初始化vue的方式是这样的//src/main.jsimport{createApp}from'vue'importAppfrom'@/App.vue'constapp=createApp(App)app.mount('#app')exportdefaultapp如果我们需要引入vue-router则需要修改成比如这样//src/main.jsimport{createApp}from'vue'...++++++++importHomefrom'@/pages/Home.vue'import{createRouter,createWebHistory}fro

javascript - 使用 Vue-cli,我在哪里声明我的全局变量?

在大多数Vue.js教程中,我看到类似的内容newVue({store,//injectstoretoallchildrenel:'#app',render:h=>h(App)})但是我正在使用vue-cli(我实际上正在使用quasar)并且它为我声明了Vue实例,所以我不知道我应该在哪里说我想要store成为“Vue-wide”全局变量。我在哪里指定?谢谢 最佳答案 是的,您可以在入口点文件(main.js)中像这样设置这些变量:Vue.store=Vue.prototype.store='THISISSTOREVARIABLE

javascript - 如何在 Javascript 中调用外部的 vue 实例

如何在javascript中调用测试vue?这是我的代码,当我在javascript函数中执行某些操作时,我想调用测试。functionclickit(){this.test.fetchTestData();}vartest=newVue({el:'#viewport',data:{test_data:[]},mounted:function(){this.fetchTestData();},methods:{fetchTestData:function(){$.get(test.json,function(data){this.test_data=data;alert(this.te

javascript - Vue.js : Vuetify server side Datatable search filter not working

我正在为我的数据表使用vuetify。除搜索过滤器外,分页和排序都在工作。来自搜索过滤器的响应数据是正确的,但问题是它没有呈现对我的模板的响应。在vuetify文档那里只有分页和排序。我正在尝试通过服务器端实现搜索功能。我的用户.vueexportdefault{data(){return{max25chars:(v)=>v.length{constself=this;self.items=data.items;self.totalItems=data.total;})},deep:true}},mounted(){this.getDataFromApi().then(data=>{t

javascript - 如何在指令中 $watch 多个内插属性?

我不明白如何在链接函数中同时监视多个属性,所以我创建了一个包含所有参数的对象并监视它。但是我注意到链接函数中的属性是一个字符串而不是一个对象,所以我使用的是angular.fromJson(val)。AlltheexampleIfoundjustuseoneparameter您能解释一下如何监视多个属性吗?谢谢编辑:我不能使用attrs参数,因为我需要绑定(bind)属性——即,它们需要插值。例如我认为我必须使用$watchlink:function(scope,element,attrs){scope.$watch('info',function(val){//ifinfoisand

javascript - 指令中的 $watch 函数未在 Angular JS 中触发

我是angularjs的新手,一直在到处寻找它为什么不起作用的答案。这里有我的指令:.directive('carrouselPreview',function(){returnfunction(scope,element,attrs){scope.$watch(scope.carouselPreview,function(){alert('changed');},true);}});这会监视对scope.carouselPreview的更改,它是通过此函数更改的:$scope.showPreview=function(ind){$scope.carouselPreview=ind;}