问题标签 [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.

0 投票
0 回答
122 浏览

laravel - Laravel - 使用相同的 v-model 选择表单

我需要将 v-model 放入我的类别和子类别选择表单中。我很困惑

我的观点

此外,如果选择子类别中的 (v-model),则不要考虑类别中的 v-model。

谢谢

0 投票
1 回答
11077 浏览

javascript - 使用 Vue.js 获取所有选中复选框的列表

如何获取我使用 Vue 选择的所有复选框的列表?这是我的 HTML,它可以使用并显示带有复选框的产品列表。

我想要的是,当我单击一个按钮时,它会获取我选择的所有复选框。并给我所有的价值观。但我不知道该怎么做,因为当我尝试将 a 添加v-model到复选框时它会中断。

0 投票
0 回答
36 浏览

laravel - 将多 v-model 放在我在 Laravel 中的双值选择中

我有这个选择类,它可以让我获得选项中的 id ($key) 和输出中的数量($value)。我正确放置了 v-model="update.bank" ,所以我的 vue 中有我的金额。但我还需要用 v-model="update.id" 保存 id,这不起作用..

我的代码:

谢谢

0 投票
1 回答
859 浏览

laravel - 将输入值传递给 v-model

如何自动将输入值传递给 v-model ?谢谢 :)

代码 :

我试图在我的脚本中做:

在我看来:

0 投票
1 回答
1555 浏览

javascript - 在 Vuex 中使用带有 mapState、mapMutation 的 get/set Computed 属性

我使用名为的 Vuex 模块具有以下计算属性main

我想使用get/set模式,因为我想使用v-model="foo". 不得不$store直接交谈是非常冗长的。有没有更简单的方法使用mapStatemapMutation甚至createNamespacedHelpers

0 投票
1 回答
223 浏览

vue.js - 是否可以对从网络获取的对象使用 v-bind:value 或 v-model ?

我想VueApp使用v-modelv-bind:valuenetwork api.
例如,从这样的Vue app获取对象api

字段的数量很大。
要使用v-model='obj.field',我认为必须Vue app将数据定义如下。

我可以使用从in字段的无定义中v-model获得的对象吗? 我需要这个的主要原因是字段数量很大,我不能确定所有字段都存在于. (如下例所示) 我认为定义对象的所有字段, in是不好的体验。apiobjectvue app data
objfield99
objvue app data

我想要的例子。

我怎样才能实现这个目标?

0 投票
2 回答
446 浏览

javascript - Vue V-Model Initiation Loss Selects 选择

我在某些类型的 html 元素上初始化 Vue 时遇到问题,请查看以下代码:

当我启动 Vue 时,您声明 v-Modal 的任何“选择”似乎都会失去其选择的值。如文档中所述

v-model 将忽略在任何表单元素上找到的初始值、选中或选定属性。它将始终将 Vue 实例数据视为事实来源。您应该在组件的 data 选项内声明 JavaScript 端的初始值。

现在我可以做到这一点,但是对于每个选择,我现在需要在 Vue 之外编写一些 JS 来填充/重新填充选择的默认值(通过填充“数据”属性,或在 Vue 减速后重新选择先前选择的值)。

有没有更简单的方法来做到这一点?也许某种选项或标签我可以提供给 Vue 以“持久”从 HTML 控件的初始状态继承的值?

0 投票
1 回答
881 浏览

javascript - vue.js 动态添加输入 v-model 不起作用

我google了一整天,还没有找到解决这个问题的方法。

我尝试构建应用程序,我可以在其中使用 v-model 插入输入,该输入应该是反应性的,并且此输入的值必须显示在其他div元素中。我真正需要的是有一个代码,我可以使用 v-model 将此输入插入到我的HTML代码中的任何位置。

这是我的迷你应用程序的示例,除了 v-model 不工作外,一切正常,因为我尝试动态插入它。

有谁知道如何使它工作?

这是代码:

}

0 投票
1 回答
3907 浏览

forms - 浏览器返回页面时,Vue.js 表单数据绑定丢失

这是我正在做的事情:我有一个表单集组件,它通过 ajax 获取数据以填充表单集。用户可以从表单中修改这些数据并提交。

问题:这很好用。但是,我注意到如果我导航到另一个页面然后点击浏览器的“返回一页”按钮,表单就在那里(模板中的 DOM)但为空。v-model 输入字段中不再有数据绑定...

大多数关于这种行为的帖子都连接到我不使用的 vue-router。

我认为它可能必须处理生命周期钩子......实际上,在我的组件上,我在“挂载”时获取数据。但是,如果是这样,哪个生命周期?

我也尝试过“保持活力”但没有成功。

我在我的组件上放了一些详细的日志,以尝试在浏览器返回并且没有打印出来时捕获生命周期钩子......

任何的想法?

0 投票
1 回答
102 浏览

javascript - Vue - 如何访问计算属性的调用控制

采取以下示例代码:

在这里,我有一个遗留应用程序,它生成一个带有各种选项的选择。我修改了旧版应用程序,将我需要的所有信息放入“data-”属性中(加上“v-bind”)。

现在我想在我的 Vue 控件中以各种方式使用这些信息,在这个特定的示例中,我想在我选择的每个选项的标题属性中使用“数据前缀”。

但是我不知道如何从计算属性访问该属性。有没有办法用 Vue 做到这一点?

我已经查看了有关此的文档,但在任何地方都没有看到这一点。这在其他地方做过吗?