使用方式

script 中引用组件

  1. import quiRadioGroup from "@/components/radio-group.vue"
  2. export default {
  3. components: { quiRadioGroup},
  4. data() {
  5. return {
  6. label: {
  7. selected: 0,
  8. list: [
  9. {
  10. val: '100'
  11. },
  12. {
  13. val: '200'
  14. },
  15. {
  16. val: '300'
  17. }
  18. ]
  19. },
  20. };
  21. }

template 中使用组件

  1. <qui-radio-group itemValue="val" :label="label" :selected.sync='label.selected'></qui-radio-group>

效果演示
radio.png