问题标签 [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.
vue.js - @click 和 v-on 的区别:点击 Vuejs
问题应该足够清楚。
但我可以看到有人使用:
有人使用:
但实际上两者之间有什么区别(如果存在)
vue.js - Vuejs指令砌体检测前置到数组并正确重绘
我正在使用vue-masonry 插件,它可以让我轻松创建砌体网格。
我创建了一个无限加载系统,您可以滚动到页面底部,并将新图片附加到与 vue-masonry 插件绑定的数组中。
当我为其他用户上传的新图片创建一个轮询系统时,就会出现问题。这些新图片需要位于砌体网格的顶部。
该插件使用两个 Vue 指令masonry
(父)和masonryTile
(元素)。masonryTile
有一个 v-for which 循环遍历与我的 Vue 实例绑定的数组(它完成了所有繁重的工作、预加载、清理等......)。
指令中有没有办法知道附加或附加的东西之间的区别?并尝试做出不同的反应(我知道 masonry 有一些 append/prepend 方法)但是在这里和使用这个插件,已经添加的项目(在开始时 prepend 与 Vue 一起使用)但是没有砌体交互也没有重绘(我试过使用原型触发重绘this.$redrawVueMasonry();
)。
所以我不知道接下来要做什么。继续寻找一种方法来区分前置和附加,并尝试将其绑定到相应的砌体方法?或者另一种我没有想到的方法......
提前感谢您的帮助
Ps:我认为我的代码并不真正相关,因为它更多是优化插件的一种方式。如果您想要我的代码的某些特定部分,请在评论中告诉我!
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
javascript - 如何在 v-for 循环中使用 BootstrapVue - 模态?
我正在尝试在 v-for 循环中使用 BootstrapVue - 模态,唯一的问题是模态按钮上的模态指令( vb-modal.modal1 )。modal1 应该是 modal id 的名称,因为我使用的是循环,所以我在模态中传递索引,例如 modal + index,但我不知道如何将按钮指令更改为 vb-modal-modal1 ... vb-模态模态5。
这是模态组件
这是一种使用模态的方法
javascript - VueJs 指令双向绑定
我创建了一个自定义指令来处理 VueJs 中的 select2。当我将选择绑定到我的视图模型中的数据属性时,下面的代码有效,该属性不是数据中对象的属性。
像 this.userId 但如果它绑定到类似 this.user.id 的东西,它不会更新我的 viewmodel 数据对象中的值。
vue.js - 是否可以使用指令从渲染模板中拦截 vue
是否可以使用指令阻止 vue 渲染模板?
例如
会显示{{ variable }}
,但不会显示variable
- -更新 - -
其实我是准备在render之前做一些操作的,不只是为了显示原文……等事情搞定了,我会用$mount或者render。
所以也许我需要的是一种渲染拦截器......
vue.js - 如何显示来自同级组件的选项卡数据
我是 vuejs 的新手,我想显示来自兄弟组件的选项卡数据,下面是我的代码。请帮忙!!
我可以切换选项卡但无法显示来自同级组件的数据
`
`
javascript - Vue Js v-bind:class 语法不起作用?
我是 VueJs 的新手,我遇到了一个小问题,首先是我的示例 HTML 代码:
我完全遵循了文档,并且我使用 PHPStorm 作为编辑器,但是我更改“isActive”变量的函数不起作用我遇到了这个错误:
任何帮助将非常感激。
jquery - Vue.js - Axios 在 v-if 切换后发送多个请求
我有以下内容,我可以使用 v-if 指令切换表单(显示/隐藏)。当我切换表单时,我注意到了两个异常。
第一个异常是当我关闭表单然后重新打开它时,如果我添加评论,axios 正在提交多个请求?
其次,使用 v-if 指令完全破坏表单元素并重建它。这意味着一旦表单被切换即销毁和重建,我就无法在表单上使用任何 jquery 验证。
任何想法为什么 axios 在切换表单后会以这种方式表现?
我知道我可以使用 v-show 指令而不是 v-if 来防止表单元素被破坏,但是还有其他方法可以显示隐藏表单并仍然使用 jquery validate。如果我将表单移动到组件中,v-if 指令是否仍然具有相同的效果,即阻止我使用 jquery validate?
javascript - 定义 Vue 指令样式
我正在寻找如何为自定义指令定义样式的解决方案。
我的意思是说。我创建了很棒的指令,它操纵文本内容并为其实现钳制。该指令根据切换状态添加和删除类。
一切都很完美,除了这个代码不是模块化的,所以我不能创建简单的 npm 包——因为如果有人想使用它,他应该在他的样式中添加 css 类。
那么有人知道如何创建包含样式的模块化指令吗?
PS:我知道我可以直接为元素分配样式,例如el.style.height
. 但这不是一个漂亮的解决方案。