问题标签 [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.
javascript - 类似于 v-if 的自定义指令
我正在寻找类似自定义v-if指令的东西。让我们猜猜我们有这样的东西：
看起来v-permission的自定义指令在哪里：vue
我有返回true或false获取当前用户权限的 API。有可能吗？或者我只是想错了。
PS。我需要在多个组件中重用这个指令，仅仅v-if每个getPermission组件是不够的。
javascript - 如何使用 vuejs2 从另一个组件执行函数
我有一个组件需要在侧边栏打开时收集事件，并且每次需要打开侧边栏时都需要调用此函数。
这是一个示例：我单击一个元素，该元素打开我的侧边栏，mysiderbar 调用一个函数，该函数将调用一个警报函数。
但是我的代码是从我挂载的函数表单 vuejs 执行的
这是我的第一个文件，它将调用我的侧栏
这是我的第二个文件
我想在侧边栏打开时调用功能警报？
vue.js - Vue计算不起作用
我使用 Vue Devtools。例如，当我在控制台上以这种方式更改数字wm.numbers[0]=6并刷新 Vue Devtools 并查看时，数字已更改但 evenNumbers 未更改。有什么问题？
Javascript代码：
html代码：
输出：
vue.js - VueJS： vs or related for grouping elements for conditional rendering
In Vue.js, if you want to conditionally render multiple elements via a v-if/v-else-if directive you can wrap them inside <template
In Vue.js, if you want to conditionally render multiple elements via a v-if/v-else-if directive you can wrap them inside <template> tags and apply the directive to the <template> tag, as explained here. However, you can also do the same with <div> tags wrapping the multiple elements. Are there any noticeable performance benefits to using <template> over <div> or any other similar native HTML5 tag?
I doubt there is a performance change but a big difference is that the <template> node does not appear in the DOM.
This is an important distinction especially when grouping children that are the only valid node types for their parent such as list items, table rows, etc:
This is valid:
This is not:
0
投票
1
回答
612
浏览
vue.js - 我可以从 vue 自定义指令中获取返回值吗？
我已经编写了制作谷歌地图的自定义指令。
它有效，我可以看到地图。
然后，我想在地图上画一个标记，并且需要一个谷歌地图对象。
我可以从 v-gmap 指令中获取返回值吗？
它不起作用。
地图只是 HTML 元素..
0
投票
2
回答
6598
浏览
vue.js - Vue.js 中 v-if 和 v-for 的过滤问题
我在 v-if 中使用的 Vue.js 中的计算属性有问题。找不到解决或重构此问题的方法。一些方向会受到欢迎。
上下文：我从一个数组（使用 Axios 生成）中显示各种元素，并且在模板的每个 div 中，我获取该数组的一个元素的值。它可以正常工作。
问题：数组的某些元素是空的，对于这些元素，我想要么不显示任何内容，要么在某些情况下显示具有通用内容的替代 div。这就是我有问题的地方。我使用计算属性来检查数组的元素是否为空。然后我在 v-if 中使用这个计算。
代码：（这是替代内容的情况）
计算属性的灵感来自这里的第二个答案）：
在模板中：
0
投票
1
回答
627
浏览
javascript - 具有相同自定义指令 vuejs 的多个元素
嘿，我的页面中有一些具有相同自定义指令但值不同的元素。
我想使用该指令获取所有元素来处理它们。
当我使用此代码时：
它只是给了我can指令的第一个元素，而不是全部，所以我如何才能获得can指令的所有元素？！
更新：我的元素是这样的：
我想使用v-can页面中的指令访问所有按钮！怎么做到呢？
0
投票
2
回答
858
浏览
vue.js - 使用存储在 VueJs 变量中的事件名称
在 VueJS 中，子组件可以发出事件，例如：
在父级中，我们可以按如下方式监听此事件：
这很好用。但我有一个要求，将事件名称（在本例中为切换按钮）存储在变量或 Vuex 存储中。因此，我没有确切的事件名称，而是带有事件名称的变量或存储。
在这种情况下，在点击指令中引用该事件名称的语法是什么？
例如，假设我们有：
如何在以下内容中使用此变量 (eventName) 而不是确切的事件名称 (toggle-button)：
0
投票
1
回答
1575
浏览
vue.js - 变量作为 vee validate v-validate 指令值
我正在使用 Vee validate for from validation，验证规则来自后端并以以下格式传递给组件数据：
如何在 v-validate 指令中使用数据中的规则？
这个语法给了我一个错误No such validator ''{ required' exists.看起来 vue 正在以某种方式解析 v-validate 值
ps 用于验证规则，它是简单的字符串，它可以正常工作
In Vue.js, if you want to conditionally render multiple elements via a In Vue.js, if you want to conditionally render multiple elements via a I doubt there is a performance change but a big difference is that the This is an important distinction especially when grouping children that are the only valid node types for their parent such as list items, table rows, etc: This is valid: This is not:v-if/v-else-if directive you can wrap them inside <template
v-if/v-else-if directive you can wrap them inside <template> tags and apply the directive to the <template> tag, as explained here. However, you can also do the same with <div> tags wrapping the multiple elements. Are there any noticeable performance benefits to using <template> over <div> or any other similar native HTML5 tag?
<template> node does not appear in the DOM.
vue.js - 我可以从 vue 自定义指令中获取返回值吗？
我已经编写了制作谷歌地图的自定义指令。
它有效，我可以看到地图。
然后，我想在地图上画一个标记，并且需要一个谷歌地图对象。
我可以从 v-gmap 指令中获取返回值吗？
它不起作用。
地图只是 HTML 元素..
vue.js - Vue.js 中 v-if 和 v-for 的过滤问题
我在 v-if 中使用的 Vue.js 中的计算属性有问题。找不到解决或重构此问题的方法。一些方向会受到欢迎。
上下文：我从一个数组（使用 Axios 生成）中显示各种元素，并且在模板的每个 div 中，我获取该数组的一个元素的值。它可以正常工作。
问题：数组的某些元素是空的，对于这些元素，我想要么不显示任何内容，要么在某些情况下显示具有通用内容的替代 div。这就是我有问题的地方。我使用计算属性来检查数组的元素是否为空。然后我在 v-if 中使用这个计算。
代码：（这是替代内容的情况）
计算属性的灵感来自这里的第二个答案）：
在模板中：
javascript - 具有相同自定义指令 vuejs 的多个元素
嘿，我的页面中有一些具有相同自定义指令但值不同的元素。
我想使用该指令获取所有元素来处理它们。
当我使用此代码时：
它只是给了我can指令的第一个元素，而不是全部，所以我如何才能获得can指令的所有元素？！
更新：我的元素是这样的：
我想使用v-can页面中的指令访问所有按钮！怎么做到呢？
vue.js - 使用存储在 VueJs 变量中的事件名称
在 VueJS 中，子组件可以发出事件，例如：
在父级中，我们可以按如下方式监听此事件：
这很好用。但我有一个要求，将事件名称（在本例中为切换按钮）存储在变量或 Vuex 存储中。因此，我没有确切的事件名称，而是带有事件名称的变量或存储。
在这种情况下，在点击指令中引用该事件名称的语法是什么？
例如，假设我们有：
如何在以下内容中使用此变量 (eventName) 而不是确切的事件名称 (toggle-button)：
vue.js - 变量作为 vee validate v-validate 指令值
我正在使用 Vee validate for from validation，验证规则来自后端并以以下格式传递给组件数据：
如何在 v-validate 指令中使用数据中的规则？
这个语法给了我一个错误No such validator ''{ required' exists.看起来 vue 正在以某种方式解析 v-validate 值
ps 用于验证规则，它是简单的字符串，它可以正常工作