草庐IT

vue指令

全部标签

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)地捕获这个潜

javascript - Angularjs:transclude指令模板

如何在以下情况下使用嵌入。目的是在html(部分)文件中使用标记,而不是在模板中(在指令内)定义它。我在这里找到了一个很棒的树指令。(source)原文:http://jsfiddle.net/n8dPm/我没有在指令中定义模板,而是尝试使用嵌入的内容。我还将Angular更新为1.2.0.rc2。更新:http://jsfiddle.net/aZx7B/2/遇到以下错误TypeError:Property'$transclude'ofobject[objectObject]isnotafunction代码:module.directive("tree",function($compi

javascript - AngularJS 中多属性指令的编译和链接顺序?

假设我有两个名为myFoo和myBar的属性指令。这些指令是用restrict:'A'定义的。然后我有一个元素编译/链接函数的调用顺序是什么?my-foo的编译总是在my-bar的编译之前调用吗? 最佳答案 除了@valepu的回答之外,这里还有对DDO(指令定义对象)的priority属性的描述:TL;DR默认的priority是0,如果你想改变元素的编译顺序,你必须增加元素的优先级。WhentherearemultipledirectivesdefinedonasingleDOMelement,sometimesitisnece

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