vuejs中怎么实现按钮组单选

Posted 2023-05-04

<input type="radio" id="one" value="One" v-model="picked">
<label for="one">One</label>
<br>
<input type="radio" id="two" value="Two" v-model="picked">
<label for="two">Two</label>
<br>
<span>Picked: picked </span>

Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。

Vue 只关注视图层， 采用自底向上增量开发的设计。

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue 学习起来非常简单，本教程基于 Vue 2.1.8 版本测试。

参考技术A <input type="radio" id="one" value="One" v-model="picked">
<label for="one">One</label>
<br>
<input type="radio" id="two" value="Two" v-model="picked">
<label for="two">Two</label>
<br>
<span>Picked: picked </span> 参考技术B <template lang="html">
<div class="m-board">
<input type="radio" id="one" value="One" v-model="picked">
<label for="one">One</label>
<br>
<input type="radio" id="two" value="Two" v-model="picked">
<label for="two">Two</label>
<br>
<span>Picked: picked </span>
</div>

</template>

<script>
export default
data()
return
picked:false

,
updated()
console.log(this.picked);


</script>

在一组单选按钮中怎样设置默认选项呢/在哪里设置呢?

在你程序初始化的地方加上:
CheckDlgButton(IDC_RADIO1,BST_CHECKED); //IDC_RADIO1为你要默认选中的控件ID

如果你是MFC程序可以加到OnInitDialog函数里 参考技术A 给关联一个整型变量，在构造函数中赋初值 参考技术B <input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女
把这个里面的name属性设置成相同的就可以了。