问题标签 [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.
laravel - Laravel - 使用相同的 v-model 选择表单
我需要将 v-model 放入我的类别和子类别选择表单中。我很困惑
我的观点
此外,如果选择子类别中的 (v-model),则不要考虑类别中的 v-model。
谢谢
javascript - 使用 Vue.js 获取所有选中复选框的列表
如何获取我使用 Vue 选择的所有复选框的列表?这是我的 HTML,它可以使用并显示带有复选框的产品列表。
我想要的是,当我单击一个按钮时,它会获取我选择的所有复选框。并给我所有的价值观。但我不知道该怎么做,因为当我尝试将 a 添加v-model
到复选框时它会中断。
laravel - 将多 v-model 放在我在 Laravel 中的双值选择中
我有这个选择类,它可以让我获得选项中的 id ($key) 和输出中的数量($value)。我正确放置了 v-model="update.bank" ,所以我的 vue 中有我的金额。但我还需要用 v-model="update.id" 保存 id,这不起作用..
我的代码:
谢谢
laravel - 将输入值传递给 v-model
如何自动将输入值传递给 v-model ?谢谢 :)
代码 :
我试图在我的脚本中做:
在我看来:
javascript - 在 Vuex 中使用带有 mapState、mapMutation 的 get/set Computed 属性
我使用名为的 Vuex 模块具有以下计算属性main
:
我想使用get
/set
模式,因为我想使用v-model="foo"
. 不得不$store
直接交谈是非常冗长的。有没有更简单的方法使用mapState
,mapMutation
甚至createNamespacedHelpers
?
vue.js - 是否可以对从网络获取的对象使用 v-bind:value 或 v-model ?
我想VueApp
使用v-model
或v-bind:value
从network api
.
例如,从这样的Vue app
获取对象api
字段的数量很大。
要使用v-model='obj.field'
,我认为必须Vue app
将数据定义如下。
我可以使用从in字段的无定义中v-model
获得的对象吗?
我需要这个的主要原因是字段数量很大,我不能确定所有字段都存在于. (如下例所示)
我认为定义对象的所有字段, in是不好的体验。api
object
vue app data
obj
field99
obj
vue app data
我想要的例子。
我怎样才能实现这个目标?
javascript - Vue V-Model Initiation Loss Selects 选择
我在某些类型的 html 元素上初始化 Vue 时遇到问题,请查看以下代码:
当我启动 Vue 时,您声明 v-Modal 的任何“选择”似乎都会失去其选择的值。如文档中所述:
v-model 将忽略在任何表单元素上找到的初始值、选中或选定属性。它将始终将 Vue 实例数据视为事实来源。您应该在组件的 data 选项内声明 JavaScript 端的初始值。
现在我可以做到这一点,但是对于每个选择,我现在需要在 Vue 之外编写一些 JS 来填充/重新填充选择的默认值(通过填充“数据”属性,或在 Vue 减速后重新选择先前选择的值)。
有没有更简单的方法来做到这一点?也许某种选项或标签我可以提供给 Vue 以“持久”从 HTML 控件的初始状态继承的值?
javascript - vue.js 动态添加输入 v-model 不起作用
我google了一整天,还没有找到解决这个问题的方法。
我尝试构建应用程序,我可以在其中使用 v-model 插入输入,该输入应该是反应性的,并且此输入的值必须显示在其他div元素中。我真正需要的是有一个代码,我可以使用 v-model 将此输入插入到我的HTML代码中的任何位置。
这是我的迷你应用程序的示例,除了 v-model 不工作外,一切正常,因为我尝试动态插入它。
有谁知道如何使它工作?
这是代码:
}
forms - 浏览器返回页面时,Vue.js 表单数据绑定丢失
这是我正在做的事情:我有一个表单集组件,它通过 ajax 获取数据以填充表单集。用户可以从表单中修改这些数据并提交。
问题:这很好用。但是,我注意到如果我导航到另一个页面然后点击浏览器的“返回一页”按钮,表单就在那里(模板中的 DOM)但为空。v-model 输入字段中不再有数据绑定...
大多数关于这种行为的帖子都连接到我不使用的 vue-router。
我认为它可能必须处理生命周期钩子......实际上,在我的组件上,我在“挂载”时获取数据。但是,如果是这样,哪个生命周期?
我也尝试过“保持活力”但没有成功。
我在我的组件上放了一些详细的日志,以尝试在浏览器返回并且没有打印出来时捕获生命周期钩子......
任何的想法?
javascript - Vue - 如何访问计算属性的调用控制
采取以下示例代码:
在这里,我有一个遗留应用程序,它生成一个带有各种选项的选择。我修改了旧版应用程序,将我需要的所有信息放入“data-”属性中(加上“v-bind”)。
现在我想在我的 Vue 控件中以各种方式使用这些信息,在这个特定的示例中,我想在我选择的每个选项的标题属性中使用“数据前缀”。
但是我不知道如何从计算属性访问该属性。有没有办法用 Vue 做到这一点?
我已经查看了有关此的文档,但在任何地方都没有看到这一点。这在其他地方做过吗?