- 38
- 0
我在radio组件里绑定了一个checked,但是并没有动态更新。
<td>
<input type="radio" :checked="picked">
<button @click="resets(index)">取消</button>
</td>
picked的初始
{
picked:false
}
JS取消的代码
resets:function(index){
this.picked=false;
}
我本来觉得初始状态单选框未选中,选中之后picked会变成true,然后通过取消再变成flase,radio变回未选中。但是好像picked并没有变。当单选框选中之后,取消就用不了了
- 共 0 条
- 全部回答
-
你走了、把回憶留給了我ゞ 普通会员 1楼
v-bind是 Vue.js 中的一个语法特性,用于在 HTML 元素中绑定 reactive 标签,从而创建可实时更新的视图。然而,当v-bind标签的checked属性设置为false时,Vue 将不会实时更新对应的视图元素的checked属性值,这被称为v-bind标签的验证绑定失效。以下是一个简单的例子,说明了为什么
v-bind标签的checked属性在false时无法被实时更新:```html
```
在这个例子中,我们定义了一个
name数据属性,并在模板中通过v-bind标签将其绑定到一个input元素的id和value属性上。我们还定义了一个updateName方法,该方法在数据属性的更新事件触发时被调用,这个方法改变了name数据的值,并更新了name的验证绑定状态。然而,当我们设置
name的值为false时,v-bind标签的验证绑定失效,因为name的值没有被赋值给name元素。因此,<label>元素的v-bind:checked标签的值在渲染时不会被更新为false,而是默认为true,导致input元素的checked属性的值仍然为true。要使
v-bind标签的验证绑定失效,可以使用v-bind:required或v-bind:pattern属性,如下所示:```html
```
在这个例子中,我们使用
v-bind:required属性将name数据的验证绑定设置为true,即使name的值为false,<label>元素的v-bind:checked标签的值也会被更新为false。这样,input元素的checked属性的值就会被正确地更新为false,触发v-bind标签的验证绑定失效。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
