问题标签 [vuejs2]

我在文档中没有看到任何关于此的内容，也许我没有进行足够的搜索，但组件模板似乎与根元素一起工作“更好”（更好的意思是：它在没有根元素的情况下运行 Laravel elixirgulp但运行gulp --production仅显示第一个元素）。

我需要在里面只有一个根元素<template>吗？

换句话说，这个模板代码在 Vue 2 中是否允许？

如何动态更改选择下拉 v-model 中的选项？

我有 2 个选择输入，一个应该根据其他输入进行更改。

例如，如果我选择“水果”，则选择显示水果，如果我选择“蔬菜”，则显示蔬菜。

我试图使用 $remove 删除数组元素。但它说 this.posts.$remove 不是一个函数。谁能解释我错在哪里？

Vue 实例：

这是我的示例数据

这是我的控制台

我正在使用 VueJs 通过表单添加列表项来构建列表。我还想添加注释作为主列表项的子项。我可以毫无问题地添加主要列表项：当我尝试添加子项时，子项的所有输入字段都会响应我在第一次按下添加按钮之前键入的数据。我猜这与我如何动态地将 ID 分配给输入有关。在我按下提交按钮后，它不会将注释添加到子项目列表中。我似乎无法弄清楚为什么：我包括一个JsFiddle

html

JS

css

我想知道人们更多地使用这些选项。

1) 在普通（div、span 等）元素上使用 v-on

这里需要有一个类来设置指针光标来表示可以点击，也需要增加UX。

1）在链接元素上使用v-on Click me Here，不需要任何类来设置指针光标。但是，它需要阻止模式来停止链接动作。

那么，这两种方法的最佳实践、优缺点是什么？

我有一个案例，在我Vue.js的webpack网络应用程序中，我需要显示动态图像。我想显示img图像的文件名存储在变量中的位置。该变量是computed返回Vuex存储变量的属性，该变量在beforeMount.

但是，当我这样做时，它可以完美运行：

我的情况类似于这个fiddle，但在这里它适用于 img URL，但在我的实际文件路径中，它不起作用。

正确的方法应该是什么？

我有一个带有一些子模板的 .Vue：

在 test.vue 我试图访问“你好”，但我不能。我试过使用“道具”，但没有运气。我如何完成这个简单的任务？

当我想在任何字段中附加一个 datepicker(jquery-ui) 时，我在 Vuejs 1.0 中有一个指令。

此代码不适用于 Vuejs 2.0，因为指令发生了巨大变化。在我尝试为这个组件构建一个组件之前，我很想知道如何在 Vuejs 2.0 中做这样的事情。

这是否可以在 Vue.Js 的计算属性中传递参数。我可以看到当 getter/setter 使用计算时，他们可以接受一个参数并将其分配给一个变量。就像文档中的这里：

这也可能吗：

其中计算属性接受一个参数并返回所需的输出。但是，当我尝试这个时，我收到了这个错误：

vue.common.js:2250 Uncaught TypeError: fullName is not a function(...)

我应该在这种情况下使用方法吗？

我正在使用计算属性：category在由 v-bind 绑定的输入字段中，如下所示：

我有这个计算属性的getter和setter，如下所示：

但是当我更改输入时，setter 不会被调用，我怎样才能实现这一点，或者有什么其他方法可以直接从 HTML 输入字段更改状态变量。

这是小提琴。