v-model绑定radio

摘要:
使用v-model实现双向绑定radio˂!
使用v-model实现双向绑定radio
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
  <label for="male">
<!--    <input type="radio"   name="sex" value="sex">男-->
    <input type="radio"   v-model="sex" value="男">男
  </label>
  <label for="female">
<!--    <input type="radio"   name="sex" value="sex">女-->
    <input type="radio"   v-model="sex" value="女">女
  </label>
  <h2>你选择的性别是:{{sex}}</h2>

</div>
<script src="http://t.zoukankan.com/vue.js"></script>
<script>
  const app = new Vue({
    el: '#app',
    data: {
      message: 'hello',
      sex: '男'
    }
  })
</script>
</body>
</html>

免责声明:文章转载自《v-model绑定radio》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇MyEclipse+Weblogic+Oracle+PLSQL配置注意事项ARM寻址方式下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

HTML、jsp页面中radio,checkbox,select数据回显功能,默认被选中问题

最近常常遇到各种复选框、单选框、下拉框的默认被选中的问题,开始也是绞尽脑汁的想办法,今天写一篇学习总结的博文来写一下学习总结。 单选框(radio)默认被选中: 一、jstl技术进行回显 <input type="radio" name="sex" <f:if test="${c.sex=='男' }">checked="checked"...

jQuery radio的取值与赋值

HTML <div class="weui-cell"> <div class="weui-cell__hd"><label class="weui-label">性别</label></div> <div class="weui-cel...

微信小程序修改radio和checkbox的默认样式和图标

wxml: <view class="body"> <view class="body-content"> 第1题:企业的价值观是 ? </view> <view class="label...

layui 获取radio单选框选中的值

<div class="layui-form-item"> <label class="layui-form-label" style="100px">是否已购买:</label> <div class="layui-input-block" id="IsPurchased">...

EWM RF(Radio Frequency)简介

1. EWM RF支持多种RF手技术设备以及多种驱动类型 2. EWM支持输入、验证、登录等 3. 开放的菜单和屏幕 4. 灵活的用户定义功能,直接生成或修改 5. 支持GUI、基于字符显示、基于浏览器显示 6. BarCode支持ENA128码 7. 个性化屏幕配置 (IMG) for Extended Warehouse Manageme...

uniapp 之微信小程序中 radio 和checkbox颜色设置不起作用

今天,由于业务需要,设置了checkbox和radio。为了配合整体页面的样式,令选择框为紫色。 1 <view class="flex flex-direction bg-white"> 2 <label > 3 <radio color="#FF00FF"></radio>1 4...