时间戳

首页 > 解决方案 > 在无线电类型字段上同时提供 :value 和 v-model

javascript - 在无线电类型字段上同时提供 :value 和 v-model

问题描述

<input type="radio" :value="myValue" v-model="value" />

我正在尝试创建一个单选按钮并将其包装在一个组件中，因此value成为一个变量。问题是我收到以下错误：

:value="myValue" conflicts with v-model on the same element because the latter already expands to a value binding internally

我试图v-model用直接绑定替换，但我无法复制相同的功能。为什么在这种情况下会出现此错误？这直接取自单选按钮的官方文档。

标签： javascriptvue.js

解决方案

v-model只是:value="someVar" @input="someVar = $event". 这意味着您要分配该值两次。根据您的需要，您可以:value="someVar"使用自定义函数处理输入，如下所示： @input="someFunc"此函数将接受输入（默认情况下），然后您可以myVar根据需要进行更新。有关更详细的说明，请参见此处

推荐阅读