vue.js选中动态绑定的radio的指定项
作者：Coding_xiaoqiu 发布时间：2024-04-27 16:13:25
标签：vue.js,radio
上一文，介绍了vue.js动态添加、删除绑定的radio选项，本文介绍如何选中radio的某一项
绑定的数据和上文的model是一致的，选中radio或者checkbox需要注意的是：
不管<input type='radio checked='true''> 你的checked属性值是true或者false，他都会选中。
选中不选中，不是看checked的属性值，而是看有没有checked这个属性，所以，动态选中，不用v-model,也不用checked='true'，判断是否需要渲染checked这个属性就好了.
view 改一下：
"<input type='radio' :name='groupName' :checked='option.checked'>{{option.text}}"
：checked='option.checked' 如果option.checked为true，他就渲染checked这个属性，否则input元素没有这个属性。
这样绑定后，我们在vue的methods里面设置，把当前索引的radio绑定model的checked属性设置为true，其他的必须设置为false，这样才和上面的绑定对应，不然全是true了，绑定就会有问题了。
checkOption: function (e, optionIndex) {
$.each(vm.options, function (index, item) {
item.checked = false;
});
vm.options[optionIndex].checked = true;
}
以上所述是小编给大家介绍的vue.js选中动态绑定的radio的指定项网站的支持！
来源：http://blog.csdn.net/q646926099/article/details/72841044
0
投稿猜你喜欢
yaml简单介绍YAML是一种标记语言，它使用空白符号缩进和大量依赖外观的特色，特别适合用来表达或编辑数据结构、各种配置文件、倾印调试内容、- Python 中 ‘unicodeescape' codec can't decode bytes in position
- 类中的七种语法说明-属性 -静态属性 -方法 -静态方法 -类常量 -构造函数 -析构函数<?php class Stud
- 上次在blueidea上看到一个元素圆角的实现方法，但是那个太复杂了。于是就自己写了一个函数，可以将元素自动圆角，如div层，表格等。共有四
- 我将示范微优化（micro optimization）如何提升python代码5％的执行速度。5％！同时也会触怒任何维护你代码的人。但实际上
- 挑钻石第二弹seaborn是matplotlib的补充包，提供了一系列高颜值的figure，并且集成了多种在线数据集，通过sns.load_
- 用程序来处理图像和办公文档经常出现在实际开发中，Python的标准库中虽然没有直接支持这些操作的模块，但我们可以通过Python生态圈中的第
- 前言for...in 是Python程序员使用最多的语句，for 循环用于迭代容器对象中的元素，这些对象可以是列表、元组、字典、集合、文件，
- 快到 520 了，分享几段 520 专属 Python 代码，不多说了，下面直接上货。No.1效果：主要代码：import tur
- 一、 背景由于公司业务需要动态配置一些存储过程来生成数据，之前尝试过使用jpa来完成，或多或少都存在一些问题，最后使用了spring的Jdb
- 一、匿名块和命名块◆PL/SQL块分为良好总：命名块和匿名块。◆匿名块：以declare或begin开始，每次执行匿名块都要通过客户端工具将
- 在python中。布尔值有 Ture False 两种。Ture等于对，False等于错。要注意在python中对字母的大小写要求非常严格。
- 在使用pre-train model时候，我们需要restore variables from checkpoint files.经常出现在
- 本文实例讲述了python随机生成指定长度密码的方法。分享给大家供大家参考。具体如下：下面的python代码通过对各种字符进行随机组合生成一
- 这里批量处理word文档的操作主要是通过python-docx非标准库实现的，通过定位到文档对象、再到段落、最后到一行文本从而完成针对文字对
- 死锁是指在某组资源中，两个或两个以上的线程在执行过程中，在争夺某一资源时而造成互相等待的现象，若无外力的作用下,它们都将无法推进下去，死时就
- hints是oracle提供的一种机制，用来告诉优化器按照我们的告诉它的方式生成执行计划。我们可以用hints来实现：
- 与 Python 一样，Go 语言也有空白标识符。1.什么是空白标识符空白标识符是未使用的值的占位符。它由下划线（_）表示。由于空白标识符没
- ImageDraw模块提供了图像对象的简单2D绘制。用户可以使用这个模块创建新的图像，注释或润饰已存在图像，为web应用实时产生各种图形。P
- 比如：现需要向学生表中插入新的学生数据。但在插入学生数据的时，需要同时检查老师表里的数据。如果插入学生的老师不在老师表里，则先向老师表中插入
