清新UI組件庫——radio組件開發思路

清新組件庫：http://ifresh-ui.yating.online/

源碼地址：https://github.com/Chenyating/iFresh-ui

radio組件遇到的問題

互斥問題

相同radio的name一致的時候可以實現互斥問題。

• name取名字：

const now = Date.now();
let num = 0;
const radomName = () => {
    return `ifRadio_${now}_${num++}`
}

radio-group互斥問題

可以用this.$parent.name來傳給子組件。

1. 先判斷外層this.$parent.name有沒有存在；
2. 再判斷內層組件有沒有自己的name；

value的變化。

1. 當存在一個組的時候，先判斷一下是否存在value，value爲null時，默認值爲label，否則爲value；
   然後調用父級組件的方法

    this.$parent.changeMethod(this.value==null?this.label:this.value)

2. 當單個radio時，判斷是否存在value，value爲null，默認值爲label，否則爲value；

    this.value==null?this.label:this.value

樣式問題

可以用label，用content來定義，有很多圖標：utf-8。