博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用vue如何默认选中单选框
阅读量:6588 次
发布时间:2019-06-24

本文共 606 字,大约阅读时间需要 2 分钟。

使用了vue以后,发现这真的是一个灵活高效的框架,能够轻松实现页面的实时刷新。

那么,今天先聊聊单选框的使用。一般我们使用单选框,会这么写:

//HTML

有”checked”属性的单选框会默认选中。

但在vue里这是无效的,因为它会跟具体的参数值绑定。(后来看到vue的官网教程,确实写了这么一段:v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值。因为它会选择 Vue 实例数据来作为具体的值。你应该通过 JavaScript 在组件的 data 选项中声明初始值。)

//HTML
//JSexport default{    data(){        return{            param:'1' //设置默认值为1,即设置第一个单选框为选中状态        }    }}

参考博客:

---------------------
作者:sone_yoonyul
来源:CSDN
原文:https://blog.csdn.net/sone_yoonyul/article/details/78421717?utm_source=copy
版权声明:本文为博主原创文章,转载请附上博文链接!

转载于:https://www.cnblogs.com/rxbook/p/9773483.html

你可能感兴趣的文章
Android 一个应用启动另一个应用的说明
查看>>
Setting up the Web Admin Tool in LDAP 6.x to communicate via SSL
查看>>
SQL好习惯:编写支持可搜索的SQL
查看>>
Shadowbox
查看>>
【 程 序 员 】:伤不起的三十岁,你还有多远 ?
查看>>
openldap安装
查看>>
[leetcode]count and say
查看>>
润乾报表 - 缓存问题
查看>>
利用IFormattable接口自动参数化Sql语句
查看>>
泛型Dictionary的用法详解
查看>>
明晰三种常见存储技术:DAS、SAN和NAS
查看>>
ContentProvider简单介绍
查看>>
Visual Studio 2014 CTPs 下载 和C# 6.0 语言预览版介绍
查看>>
js混淆 反混淆 在线
查看>>
WinForm 之 程序启动不显示主窗体
查看>>
FragmentTransaction.replace() 你不知道的坑
查看>>
模拟退火算法
查看>>
StringUtils方法全集介绍
查看>>
性能调校
查看>>
VMware workstation虚拟网卡类型介绍
查看>>