问题标签 [vue-directives]

我编写了一个使用 vue 的Render函数的包装器指令。在渲染函数内部，它所做的只是：

我正在使用：

这适用于原生 html 元素：

但是，如果我传入自己的自定义指令，例如

然后vue会抱怨未知组件。这可能是因为我没有在渲染指令的上下文中导入/需要自定义指令。有解决办法吗？我需要让这个包装器指令进行编译的原因是因为像 vue.Draggable 这样的库依赖于“v-for”来重新排序列表元素。但是，我希望能够让不同的组件可拖动，这就是为什么我只传递模板以编译到 v-for.xml 中。

当单击另一个组件上的按钮时，我试图显示一个组件。

我尝试过使用道具，但它没有用，我可能做错了。

我正在尝试使用https://github.com/thiago-Malaca/vue-credit-card来显示卡信息。但是当 cvc 信息集中时我无法转换卡片。有没有人可以帮助我。我查看了指令，但我遗漏了一些东西。我尝试将 v-card-focus 指令添加到输入区域，但它对我不起作用。

另外，这是我的代码：我也可以提供额外的信息。谢谢你。

我在我的 vuejs 应用程序中有以下 router.js

以下是我的 Editor.uve

在此Editor.uve我正在导入一个名为View.vue. 以下是我的View.vue

在此View.vue我再次导入一个名为 OSDCanvas 的子组件。我的OSDCanvas.uve样子如下。

当我点击/annotator/studio路线时，我面临以下错误

我也尝试了一些在线解决方案，但问题仍然相同。任何帮助表示赞赏。

以下更新 是存储中 actions.js 中的 image/setupOsdCanvas

接下来是商店中的 mutation.js 中的 setupOsdCanvas

我的html代码是这样的====>

<span class="custom-super-script" data-language="en" v-fraction-superscriptor="1,310.66">

我的 vue 指令是====>

但我总是得到 310.66 而不是 1310.66。当我检查绑定时，我得到了这个。

如何解决这个问题？它只会对大于 1000 的数字产生问题。

如何检索在 Firestore 中注册的用户，而无需创建集合并将这些用户添加到该集合中？提前致谢。

同样，我可以通过使用字符串命名属性来使用括号表示法访问对象的属性。例如

如何在 Vue SFC（单文件组件）中执行相同操作，其中我有一个名为的数据属性"bar[foobar]"并希望将其绑定到输入的值，从而为v-model指令提供值"bar[foobar]"？

我尝试提供这样的 v-model 指令，v-model='{{ 'bar[foobar]' }}'但这也不起作用，或者v-model="this['bar[foobar]']"

我想尽可能地抽象表单控件到 vuejs 的绑定。这个想法是创建一个指令，该指令将绑定跟踪表单字段发生的情况所需的所有事件。

所以不要这样做：

只需这样做：

让指令发挥作用。

但我找不到从指令中向输入添加指令的方法FormControl。

我可以做这样的事情：

但是这样下去我从 VueJS 中损失了很多。我手动附加了一个input不太兼容的事件，并且肯定会比v-model指令更频繁地失败。

你知道一种将原始 vue 指令和事件从指令的方法附加到元素的bind方法吗？

谢谢你的帮助！

我正在尝试创建一个行为类似于v-if. 基本上，如果条件为真，则元素应该存在，如果为假，则不应该存在。我还需要确保这些更改通过 JEST 测试。目的是创建一个权限插件（所以我不需要使用v-if="$isAllowed('edit', 'comments')"语法）

我看过这个和这个门票。该指令有效，因为它将元素替换为呈现的 DOM 中的注释，但是在运行测试时，该元素仍然存在。

指令：

模板：

考试：

测试失败（说组件存在）。但是，当我打印呈现的 html ( console.log(wrapper.html());) 时，它会打印注释而不是组件。

我想在 div 标签内显示一个加载栏，并使用我在 vuejs 中的自定义指令控制它的显示。

例如，这是我的标签，我想隐藏其中的所有内容，只在其中显示加载栏。

模板 ：

加载栏标签：

JS：

我怎样才能做到这一点？

谢谢。