logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

单选按钮(Radio)

  • 提供用户单选按钮(radio)选项组
  • 在组件中添加名为subscription的数据,并设置默认值代表按年订阅
  • 在模板中添加一组单选按钮,用v-model绑定到subscription
  • 给每个单选按钮配置label和一致的id属性,以及对应的值
  • 单选按钮标签包含“一年”和“季度”选项
  • 当用户选择不同的单选按钮时,subscription值会更新
  • 在组件中输出subscription值,以便在其变化时即时查看
  • 预览效果显示默认选中“一年”订阅,选择“季度”会更新subscription值为quarter