Vue.js非字符输出,默认初始化展示信息

如Input的Radio类型

首先还是给大家普及一下Radio类型到底是个啥?

  在 HTML 表单中 <input type="radio">每出现一次,一个 Radio 对象就会被创建。单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。
  当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄.

html:
<div id="root">
    <input type="radio" name="place" v-model="place"  value="1"/>北京
    <input type="radio" name="place" v-model="place"  value="2"/>长沙
    <input type="radio" name="place" v-model="place"  value="3"/>武汉
</div>

  当你从数据库里获得之前保存的信息,而要选中该radio,那么对应的Vue.js可以通过与input的value进行绑定,当vue.js双向绑定的值与之前标签中给定的value值一致时,会直接选中radio对应的值的那一项,具体操作见下:

var app = new Vue({
    el: '#root',
    data: {
        place:1   // 将后台的值赋值给place后,会直接控制input的radio显示
    },
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值