问题标签 [vue-directives]

我有一个简单的 Vue.JS 示例来模拟人们玩彩票。我输入球员的名字，推入一个列表并让他们在屏幕上列出最后，我找到从列表中选择的获胜者。我想将其更改为面向对象的示例。我想要一个具有两个属性的播放器对象；Name Amount（玩过的金额） 所以我应该有两个输入框，并且 ADD 按钮应该在玩家列表中添加一个玩家对象。

这是我的代码

我试过这个，但它不起作用

有了这个 javascript

我想问题出在 v-model 指令中。是否可以对对象进行 v-model 建模，使一堆 HTML 字段对应于数据对象的属性？有任何想法吗？

1. 我正在使用 NativeScript-Vue 制作应用程序，但 v-on:keyup.enter="entered" 在 Android 上不起作用。代码如下。

文件结构：

2. 预期结果：

如果在键盘上按下“完成”键，console.log("entered"); 必须执行。

我有一个按钮，用户可以根据需要多次单击该按钮。但是当用户点击按钮时，他可能不小心点击了两次，在这种情况下，第二次点击应该被代码阻止。

如果我进一步解释。它们应该是两次点击之间的小延迟。

如何使用 vue js 实现这一点？

在 Vue 文档事件修饰符 中我发现.stop

这能完成我想要的工作吗？

我为这个加载程序做了一个指令。我想做类似下面的事情，但所有样式都未定义。有没有办法访问指令中元素的“计算样式”？

在一个组件中，我有这些数组：

我想使用 neted v-for 指令来列出它们。使用单个数组，这很简单，但是当我使用嵌套的 v-for 时，代码会编译，但没有呈现任何内容

我正在尝试将输入的值作为 a 添加<li>到<ul>列表中。

我可以通过将值绑定到 lis 的数组列表来添加它。但是，当我清理输入字段时，它不会留在那里。我怎样才能解决这个问题？

HTML 代码：

JS代码：

这里有一个示例 JSfiddle：https ://jsfiddle.net/mercenariomode/gwd34815/1/

我想使用自定义指令更改元素的字体大小

因此，我为此尝试了以下代码

在绑定内部，我得到了完整的标签元素，但不知道如何让它在鼠标悬停时更改用户定义的字体大小

我有指令，我想在指令中创建一个本地方法并在钩子函数中使用它。这是我的代码：

那么此时如何在指令内部定义函数并在 and 内部使用bind呢componentUpdated？

在指令绑定方法中，vnode.context.$watch每次将指令添加到 HTML 中时，都会在前一个观察者的基础上添加另一个观察者。因为同样的观察者不止一次打电话。

调用指令 unbind 方法时，有什么方法可以销毁先前的观察者。

我从 vuejs 开始，我试图弄清楚在根实例中引用子组件实例可以做些什么。我使用了 ref 属性，它工作得很好，除非我在单个文件组件中使用它（在模板标签中）。在这种特定情况下，我得到“未定义”。

所以，我试图理解为什么，因为它对于建立动态引用非常有用。我可能很容易绕过这种情况，但我想了解问题而不是逃跑。

因此，如果有人有想法；）

我正在使用 webpack 在我的 app.js 中导入我的单个文件组件并对其进行编译。然而，模板编译不是由 webpack 完成的，而是由浏览器在运行时完成的（也许这是解释的开始？）。

我的应用程序非常简单，我在点击标题时记录了我的引用，所以我认为它与生命周期回调无关。

这是我的文件：

应用程序.js

我的组件 appButton.vue

我的 index.html 正文

ref1 (header tag) 和 ref2 (app-button tag) 都找到了。但是 ref3 （在我的单个文件组件中）是未定义的。还

感谢您给我的所有答案，希望这不是一个愚蠢的错误。