Vue.js 如何将单选按钮绑定到 vuex store

发布于08月24日

我想将一组单选按钮的值单向绑定到我的模型，并在更改时更新vuex存储.不幸的是，这似乎在任何地方都没有记录.任何帮助都将不胜感激.

双向绑定的工作原理如下所述:

<input type="radio" name="info-source" value="1" id="info-source-1" v-model="infoSource">
<label for="info-source-1">TV</label>
<input type="radio" name="info-source" value="2" id="info-source-2" v-model="infoSource">
<label for="info-source-2">Social media</label>

然而，vuex在本例中开始抱怨Do not mutate vuex store state outside mutation handlers

Vue.js 如何将单选按钮绑定到 vuex store

推荐答案

Vue.js相关问答推荐

Vuejs 通过数据键迭代复杂对象

VSelect - Select 不适用于 Vuetify 3 中的自定义项目插槽

在 onMounted 之前渲染的 Vue 模板

vuetify/mdi 不显示图标

如何在 vue js 的一页路由下显示不同的 category._id

VuetifyJS：如何摆脱 v-stepper 组件的提升？

作用域slots和 IE11 的问题

如何使 Rails 与 vue.js 一起工作？

如何为 Vue 应用提供 robots.txt

v-on：submit.prevent 不停止表单提交

如何在 Vue.js 中传递 $router.push 中的数据？

如何在 vue.config.js 中为生产设置 API 路径？

如何使用vue.js/nuxt.js获取一个目录下的所有图片文件

克隆元素并附加到 DOM 的正确方法

Bootstrap-vue：如何将数据传递给模态？

laravel vuejs/axios put request Formdata 为空

Vue 2.0 设置路由 - 不要使用new来产生副作用

Vuetify 离线文档

单击 v-select 项目时如何获取对象而不是单个值？

如何在 vuejs 中的基于类的组件中编写计算设置器