vue如何默认选中单选框
2018-06-04 16:16
1316 查看
一般我们使用单选框,会这么写:
//HTML
<input type="radio" name="radios" value="1" checked><label>one</label>
<input type="radio" name="radios" value="2"><label>two</label>
<input type="radio" name="radios" value="2"><label>three</label>
有”checked”属性的单选框会默认选中。但在vue里这是无效的,因为它会跟具体的参数值绑定。(后来看到vue的官网教程,确实写了这么一段:v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值。因为它会选择 Vue 实例数据来作为具体的值。你应该通过 JavaScript 在组件的 data 选项中声明初始值。)
//HTML
<input type="radio" name="radios" value="1" v-model="param"><label>one</label>
<input type="radio" name="radios" value="2" v-model="param"><label>two</label>
<input type="radio" name="radios" value="3" v-model="param"><label>three</label>
//JS
export default{
data(){
return{
param:'1' //设置默认值为1,即设置第一个单选框为选中状态
}
}}
相关文章推荐
- 使用vue如何默认选中单选框
- 如何获取select中的value、text、index相关值 && 如何获取单选框中radio值 && 触发事件 && radio 默认选中
- vue中radio或者checked如何默认选中?
- Magento -- 可配置产品的选项如何默认选中第一项
- <form:radiobutton(单选框) 的默认选中
- 如何让gridview中的checkbox根据数据库情况默认选中?
- Angular ng-repeat 单选框默认选中第一个
- Wpf Datagrid 设置了模板 checkbox 如何一次选中,单击就选中。默认是要双击才得
- Android 情景模式->标准->默认通知提示音->第一次开机如何默认选中"无"
- 如何在页面打开后根据条件让EditorGridPanel的某一行的复选框默认选中?
- EXTJS4 如何默认选中树(treeview)的节点
- javascript 单选框如何全部选中 更新 状态
- android-如何在ListView中显示单选按钮并能默认选中
- 如何点击单选框 radio 后面的文字,选中单选框
- 如何让easyui combox默认选中多项
- 如何定义 select 默认不选中任何值
- Robot Framework与Web界面自动化测试学习笔记:如何判断单选框的选中状态
- (vue.js)vue中怎么设置select默认选中
- js如何获取选中的单选框
- jquery 如何默认选中 input文本框-yellowcong