问题标签 [vue-directives]

我想以input编程方式将指令应用于所有标签。造成这种情况的两个原因是：

1. 我不想通过我的应用程序中的所有输入来添加指令
2. 如果我想在以后更改针对所有输入的指令，它就在一个地方。

这可能吗？我已经查看了文档，但他们似乎没有提到以任何其他方式应用它，而不是将标签直接应用于元素。

我当前的代码是这样的：

如何通过单击按钮并使用 vuejs 2.0 切换来禁用输入框

我必须选择两个日期来设置输入日期范围。我使用了这个库，但没有使用日期范围输入，对每个日期（开始日期和结束日期）使用单个日期选择器，因为要求一次只显示一个日历。我在我的项目中使用了 vuejs。所以我必须将这些输入值绑定到模型。我是 vuejs 的新手，所以对 vuejs 不太了解。但我知道我必须使用自定义 vuejs 指令将这些值绑定到模型。以下是日期范围输入的要求。

• 一次一个日期选择器。
• 动态最小最大日期来完成一些验证，比如start<=end
• 将所选值绑定到模态（双向）
• 模态和显示值的不同日期格式（如果可能）

我已经为此花费了 25 小时，并且感到非常沮丧。因此，如果有人知道答案，将不胜感激。

这是我的代码。

HTML

js

这是内容的链接。

编辑 我链接了错误的库。我已经更新了我使用过的库。请检查更新的链接。

我正在尝试实现https://github.com/jackocnr/intl-tel-input。vuejs2

如果我在一个 jQuery 中添加document.ready，$('#phone').intlTelInput({ options...})

一切都按预期工作，但是当我试图获取输入字段的值和一些boolean有效属性时，我总是检查值落后一步。

我的检查方法如下：

的HTML：

我相信解决方案是为此创建一个新指令，我尝试了以下方法：

删除了我实例化intlTelInputon的部分document.ready并改为：

并添加v-telinput到我上面的HTML代码中。

有了这个，似乎没有任何效果。

我在那里想念什么？

我正在用 vue 编写一个自定义指令。

我希望它像它一样工作，v-if但它里面会有一点逻辑。让我用一个例子来解释：

它将检查权限并显示或隐藏组件。

目前我正在通过 CSS 样式执行此操作：

但我不希望这个元素留在文档中。所以我正在寻找除 CSS 之外的另一种方式，因为它也必须像v-if这样从 DOM 中删除。

我在更新VueJS 组件options的标签中的数组时遇到问题。select

我有几行，select每行都有。每个都select将使用相同的options数组。选择一个选项时，该选项应从其他选项中消失select。

我尝试了几种方法来做到这一点，但我无法更新其他选项数组（使用该Vue.set(...)函数和所有可用的警告）。

这个问题与这个问题类似，但是： - 选择器的数组必须是动态的 - 每个选择器的选项都相同

这就是为什么该问题的解决方案对我不起作用。

我对 Vue.js 比较陌生，现在我想在我的 Laravel 应用程序中安装这个插件vue-chat-scroll，但它会抛出这个错误：

[Vue 警告]：无法解析指令：chat-scroll

（在 [ChatLog] 中找到）

我跑npm install --save vue-chat-scroll成功了。
我package.json有插件的实体：

在bootstrap.js我添加了自述文件中描述的 2 行。

在我的ChatLog.vue我添加了v-chat-scroll指令。

我错过了什么？

请看下面的代码。第一个选择框是使用选择的 js创建的。更改后，它应该将更改后的值传播到其绑定的模型 ( cityid)。第二个普通选择框工作正常，它的值被传播。

我正在使用“if”和“else-if”，但给了我编译错误。

[Vue 警告]：无法解析指令：else-if

这是我的代码

请帮我解决这个问题。

我是vuejs的新手。我正在尝试创建我的第一个应用程序。我想在每次点击按钮时显示确认消息。

例子：

我的问题是：我可以扩展v-on:click活动以在任何地方显示确认吗？我会让我的自定义指令v-confirm-click首先执行确认，然后，如果我单击“确定”，则执行单击事件。是否可以？