vue__input radio实例

最新推荐文章于 2022-03-04 10:30:12 发布

weixin_30478619

最新推荐文章于 2022-03-04 10:30:12 发布

阅读量232

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liadmin/p/6367500.html

本文展示了一个使用 Vue.js 的 Radio 组件实例。通过 v-model 实现双向数据绑定，演示了如何选择不同的 radio 选项并实时显示选中值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue__input radio实例

    <p>
        <input type="radio" name="picked" value="one" v-model="picked">
        <input type="radio" name="picked" value="two" v-model="picked">
        {{picked}}
    </p>

<script>
   var vmm= new Vue({
        el: '#demo',
        data: {
            msg  : 'hi!',
            checked : true,
            picked : 'one',
            selected : 'two',
            multiSelect: ['one', 'three']
        }
    });

</script>