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

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

//HTML

one

two

three

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

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

//HTML

one

two

three

//JS

export default{

data(){

return{

param:'' //设置默认值为1，即设置第一个单选框为选中状态

}

}

}

参考博客：

Vue.js学习笔记——表单控件实践

表单输入绑定——Vue.js

---------------------

作者：sone_yoonyul

来源：CSDN

原文：https://blog.csdn.net/sone_yoonyul/article/details/78421717?utm_source=copy

版权声明：本文为博主原创文章，转载请附上博文链接！

select()事件默认选中文本框的全部内容，并改变其背景色和文字颜色

1.select()事件默认选中文本框的全部内容 拿到input标签的节点,调用select()方法即可.但是我做的vue项目中调用了此方法有一个bug,单次点击会全选内容,双次点击的时候全选会闪一下 ...

JS实现单选按钮回显时页面效果出现，但选中单选框的值为空

最近做了很多前端页面的工作,遇到的一个感觉很头疼的问题在这里记一下: 经常用JS回显单选框,但是明明从页面效果上来看,单选框已经被选中了,可是却不能触发单选框的change事件,取值的时候用某种方法取 ...

用jquery修改默认的单选框radio或者复选框checkbox选择框样式

默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控 ...

取消选中单选框radio的三种方式

作者: 铁锚 日期: 2013年12月21日 本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DO ...

分享：三种取消选中单选框radio的方法

三种取消选中radio的方式,本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的.

Vue select默认选中第一个

vue的表格加单选框

https://www.cnblogs.com/calamus/p/8569196.html

Vue 单选框与单选框组 组件

radio组件 v-model  : 通过当然绑定的值与input上的value值来确定当前选中项. 在父作用域中通过active设置当前默认选中项,如果选中项发生改变后通过input事件通知传递到父 ...

【三石jQuery视频教程】02.创建 FontAwesome 复选框和单选框

视频地址:http://v.qq.com/page/m/8/c/m0150izlt8c.html 大家好,欢迎来到[三石jQuery视频教程],我是您的老朋友 - 三生石上. 今天,我们要通过基本的H ...

随机推荐

Android软件开发之ListView 详解【转】

ListView的使用方法  ListView是Android软件开发中非常重要组件之一,基本上是个软件基本都会使用ListView ,今天我通过一个demo来教大家怎么样使用ListView组件 绘 ...

ASP.NET MVC显示HTML字符串

一些html经HtmlEncode后,如“测试数据”.现需要把这些内容正常显示于asp.net mvc的视图内. 举个例子来解决与说明,先创建一个mo ...

Windows Azure Backup Agent安装注意事项

在Windows Server 2008 R2 SP1上安装Windows Azure Backup Agent时会出现错误: “Unable to execute the embedded appl ...

debian系统root用户登录

Debian默认不允许root登录,所以修改之. 让Debian以root登录 1).首先修改gdm3的设定文件(/etc/gdm3/deamon.conf),在[security]字段后面追加如下一 ...

MyBatis(3.2.3) - Paginated ResultSets using RowBounds

Sometimes, we may need to work with huge volumes of data, such as with tables with millions of recor ...

复杂事件处理引擎—Esper入门

说明: 以下内容,可以参考Esper官方网站(顺序做了部分调整). PS:因为英语水平有限(大学期间刚过CET4的英语小盲童一枚) ...

C#后台代码编写图片地址Properties.Resources._1;

if (i == 0)            {                pictureBox1.Image = Properties.Resources._1;                ...

【2】Chrome - 快捷键

记录一下 Chrome 常用的快捷键 温馨提示:点击快捷键回链接到对应的图文 快捷键汇总: 1. Ctrl + [ 或 Ctil + ]  ( Mac: Cmd + [ 或 Cmd + ] ): 移动 ...

springMVC中ajax的运用于注意事项

ajax的运用: 注意事项: dataType:"json"在ajax中可写可不写(ajax能够自动识别返回值类型),写了更加规范,可以在ajax识别错误返回值类型的时候,指定返回 ...