问题标签 [vue-directives]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
156862 浏览

vue.js - @click 和 v-on 的区别:点击 Vuejs

问题应该足够清楚。

但我可以看到有人使用:

有人使用:

但实际上两者之间有什么区别(如果存在)

0 投票
1 回答
772 浏览

vue.js - Vuejs指令砌体检测前置到数组并正确重绘

我正在使用vue-masonry 插件,它可以让我轻松创建砌体网格。

我创建了一个无限加载系统,您可以滚动到页面底部,并将新图片附加到与 vue-masonry 插件绑定的数组中。

当我为其他用户上传的新图片创建一个轮询系统时,就会出现问题。这些新图片需要位于砌体网格的顶部。

该插件使用两个 Vue 指令masonry(父)和masonryTile(元素)。masonryTile有一个 v-for which 循环遍历与我的 Vue 实例绑定的数组(它完成了所有繁重的工作、预加载、清理等......)。

指令中有没有办法知道附加或附加的东西之间的区别?并尝试做出不同的反应(我知道 masonry 有一些 append/prepend 方法)但是在这里和使用这个插件,已经添加的项目(在开始时 prepend 与 Vue 一起使用)但是没有砌体交互也没有重绘(我试过使用原型触发重绘this.$redrawVueMasonry();)。

所以我不知道接下来要做什么。继续寻找一种方法来区分前置和附加,并尝试将其绑定到相应的砌体方法?或者另一种我没有想到的方法......

提前感谢您的帮助

Ps:我认为我的代码并不真正相关,因为它更多是优化插件的一种方式。如果您想要我的代码的某些特定部分,请在评论中告诉我!

0 投票
1 回答
45 浏览

unit-testing - 插件中的 Vue.js Dynamic Litera Directivel 未正确绑定

根据插件内的 Vue 文档,我正在尝试定义一个 Dynamic Literal Directive

myPlugin.js

在我的 main.js 中,我添加了

main.js

我的 App.vue 中有自定义指令(带小胡子)

应用程序.vue

所以noisecolor应该是'棕色',但是在测试myPlugin时,我在绑定期间得到默认的白色......(根据文档应该在更新期间?)

myPlugin.spec.js

0 投票
1 回答
4640 浏览

javascript - 如何在 v-for 循环中使用 BootstrapVue - 模态?

我正在尝试在 v-for 循环中使用 BootstrapVue - 模态,唯一的问题是模态按钮上的模态指令( vb-modal.modal1 )。modal1 应该是 modal id 的名称,因为我使用的是循环,所以我在模态中传递索引,例如 modal + index,但我不知道如何将按钮指令更改为 vb-modal-modal1 ... vb-模态模态5。

这是模态组件

这是一种使用模态的方法

0 投票
2 回答
3726 浏览

javascript - VueJs 指令双向绑定

我创建了一个自定义指令来处理 VueJs 中的 select2。当我将选择绑定到我的视图模型中的数据属性时,下面的代码有效,该属性不是数据中对象的属性。

像 this.userId 但如果它绑定到类似 this.user.id 的东西,它不会更新我的 viewmodel 数据对象中的值。

相关小提琴: https ://jsfiddle.net/raime910/rHm4e/4/

0 投票
1 回答
360 浏览

vue.js - 是否可以使用指令从渲染模板中拦截 vue

是否可以使用指令阻止 vue 渲染模板?

例如

会显示{{ variable }},但不会显示variable

- -更新 - -

其实我是准备在render之前做一些操作的,不只是为了显示原文……等事情搞定了,我会用$mount或者render。

所以也许我需要的是一种渲染拦截器......

0 投票
1 回答
281 浏览

vue.js - 如何显示来自同级组件的选项卡数据

我是 vuejs 的新手,我想显示来自兄弟组件的选项卡数据,下面是我的代码。请帮忙!!

我可以切换选项卡但无法显示来自同级组件的数据

`

`

0 投票
2 回答
1179 浏览

javascript - Vue Js v-bind:class 语法不起作用?

我是 VueJs 的新手,我遇到了一个小问题,首先是我的示例 HTML 代码:

我完全遵循了文档,并且我使用 PHPStorm 作为编辑器,但是我更改“isActive”变量的函数不起作用我遇到了这个错误:

任何帮助将非常感激。

0 投票
0 回答
479 浏览

jquery - Vue.js - Axios 在 v-if 切换后发送多个请求

我有以下内容,我可以使用 v-if 指令切换表单(显示/隐藏)。当我切换表单时,我注意到了两个异常。

第一个异常是当我关闭表单然后重新打开它时,如果我添加评论,axios 正在提交多个请求?

其次,使用 v-if 指令完全破坏表单元素并重建它。这意味着一旦表单被切换即销毁和重建,我就无法在表单上使用任何 jquery 验证。

任何想法为什么 axios 在切换表单后会以这种方式表现?

我知道我可以使用 v-show 指令而不是 v-if 来防止表单元素被破坏,但是还有其他方法可以显示隐藏表单并仍然使用 jquery validate。如果我将表单移动到组件中,v-if 指令是否仍然具有相同的效果,即阻止我使用 jquery validate?

0 投票
0 回答
982 浏览

javascript - 定义 Vue 指令样式

我正在寻找如何为自定义指令定义样式的解决方案。

我的意思是说。我创建了很棒的指令,它操纵文本内容并为其实现钳制。该指令根据切换状态添加和删除类。

一切都很完美,除了这个代码不是模块化的,所以我不能创建简单的 npm 包——因为如果有人想使用它,他应该在他的样式中添加 css 类。

那么有人知道如何创建包含样式的模块化指令吗?

PS:我知道我可以直接为元素分配样式,例如el.style.height. 但这不是一个漂亮的解决方案。

更新:这是指令https://jsfiddle.net/Todmy/vzqmc4mh/6/