问题标签 [v-model]
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.
vue.js - 动态 v-model 不使用 v-html 指令完成输入
我有一个我应用的组件
在原始 HTML 的 dataProperties 中,我有一个输入标记,
v-model="data[name].property"
除了输入保持为空,即使 data[index].property 存在并且在我的组件数据中不为空。
javascript - 计算属性的动态 `v-model` - 基于路由参数
我正在构建一个组件,该组件可用于设置各种 vuex 属性,具体取决于路由中传递的名称。这是它的幼稚要点:
请注意,我传递this[$route.params.name]
给v-model
, 以使其动态化。这适用于设置(组件加载正常),但是在尝试设置值时,我收到此错误:
Cannot set reactive property on undefined, null, or primitive value: null
我认为这是因为this
内部v-model
变得未定义(?)
我怎样才能使这项工作?
更新
我也很想知道为什么这不起作用(编译错误):
javascript - VueJS 在自定义组件日期时间选择器上使用 v-model
我想在我的自定义日期时间组件上使用 v-model,如下所示:
所以我在 DateTimePicker.vue 中所做的是:
但是@input
当我选择日期时不会触发该事件,因此handleDateTime
永远不会被调用。我不明白出了什么问题你能帮我吗?或者也许不可能在我的组件上使用 v-model 而我必须使用另一种方式?
vue.js - v-pagination v-model 设置为 0 而不是我设置的默认值
我对 VueJS 还是很陌生,但一切都很好而且很有意义,但是突然之间,我在使用vue-plain-pagination
. 在data()
我的 Vue 组件中,我将currentPage
prop 默认设置为1
:
在我的 index.html 中,我将其设置为v-model
. 那v-model
,无论我更改变量名还是在那里放置一个新变量,都默认为0
.
我尝试更改变量名称,以防它与其他内容冲突,并且我尝试启动和使用不同的变量。但它始终默认为0
.
当我渲染我的页面时,这个值被设置为 0,而它应该被设置为 1。以前有没有人见过这个问题,或者我错过了什么?
vue.js - 如何在开发时绑定到未知的属性名称
以下正确绑定到我的模型上的属性
就像这个
但这两者都要求我在开发时知道该物业的名称,而我不知道。
以下不起作用
header.columnName 是一个字符串并且存在,因为我可以将它用于复选框上的其他属性,例如提示或 id。
有什么想法吗?我是 vue.js、javascript、网络的新手。
javascript - 在 vue/vuex 中保存或取消编辑
我有一个组件通过输入(文本字段、自定义选择等)处理一些用户数据firstName
,例如lastName
有一个 vuex 存储存储这些数据,并且组件字段与之绑定v-model
。
我希望这些字段是可编辑的,但是当用户开始编辑其中一个字段时,按钮Save
应该Cancel
会出现。
单击Save
按钮应用更改,单击Cancel
应将所有字段恢复到开始编辑之前的状态。
我想知道这项任务是否有任何最佳实践/模式?
vue.js - Vue.js 使用 v-model 进行全局数据访问
我正在开发一个网络应用程序,用户可以在其中处理项目。该应用程序的结构如下:
- 组件 A(应用程序)
- 组件 B1-Bn(页眉、页脚、主窗口等,A 的子级)
- 组件 C1(输入区域;用于用户处理项目的输入,主窗口的子窗口)
- 组件 C2(输出区域;画布显示基于来自 C1 的输入的结果。将来还有一个与 C1 同步的“图形”输入区域。主窗口的子窗口)
- 组件 D1-Dn(输入区域的单个部分,如表格、高级输入组件等。C1 的子级)
现在用户正在处理的项目包含一个存储在组件 A 中的对象。组件 Dn 需要写入组件 A 中的对象,并且将来还需要写入 C2。
我无法让输入组件 Dn 上的 v-model 工作。我试图通过 props / v-bind 将数据从 A 向下传递到 C1,然后在 Dn 中,我对来自 C1(源自 A)的 prop 进行 v-model 到输入字段。我也尝试使用同步修饰符但没有成功。
我似乎对vue逻辑缺乏了解。我来自桌面背景,您只需定义变量的范围。我还发现其他 vue 学徒也有同样的理解问题,但不知何故我找到的答案还不够。
我想要一个可以由每个组件编辑并链接到 DOM 中的元素的“全局”变量。实现这一目标的最佳方法是什么?
vue.js - 如何使用 :value 复制 v-models :value?
@input
我在使用andv-model
和 @input
and之间得到不同的行为:value
。
v-model 与 :value 有什么不同,而我仅使用 :value 无法获得?
我在 jsFiddle 创建了一个示例,显示了不同之处:顶部输入字段将只允许在输入中输入数字,而底部将允许输入所有内容。
我需要做什么才能通过仅使用@input
and来获得相同的功能:value
?
javascript - 我们应该使用 v-model 来修改 Vuex 存储吗?
您好,我是 Vue 的初学者,但我确实遇到了一个困扰我的问题。我想知道我们应该使用 v-model 指令来修改 vuex 商店吗?Vuex 说我们应该只通过突变来修改 vuex 存储,但是 v-model 使一切变得更容易和更短。(我问是因为我找不到明确的答案)