思路：用全角空格和半角空格做區分。
1、自己寫的部分

this.toOptions = arr.map(x => {let kong = ''for (let i = 1; i < x.level; i = i + 1) {kong = kong + '　'}kong = kong + ' 'let icon = 'https://s1.ax1x.com/2018/09/27/iML0BD.png'if (x.level === 1) {icon = 'https://s1.ax1x.com/2018/09/27/iMLwnO.png'}return {icon: icon,key: x.key,value: kong + x.value + `${x.level}`}})

2、vux的popup-radio組件改造部分

<slot name="each-item" :icon="props.icon" :label="props.label" :index="props.index"><p><span>{{ props.label.split(' ')[0] }}</span><img class="vux-radio-icon" :src="props.icon" v-show="props.icon"><span class="vux-radio-label">{{ props.label.split(' ')[1] }}</span></p> </slot>

最后效果

沒有怎么改動vux的源代碼，只是投機取巧加入了各種空格解決這個問題。效果打到預期了。

總結

以上是生活随笔為你收集整理的vux radio 改造为 tree 代码片段的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。