iview的swith按钮不能回显问题

iview的swith不能回显问题

var vm = new Vue({
    el: '#app',
    data: {
        testSwith:1
    },
})
<i-switch v-model="testSwith" :true-value="1" :false-value="0">
    <Icon type="android-done" slot="open">Icon>
    <Icon type="android-close" slot="close">Icon>
i-switch>

在这中情况下,由于testSwith类型是number类型的,i-switch比较不出,所以造成不能回显,需要将类型转换,用Number()

<i-switch v-model="testSwith" :true-value="Number(1)" :false-value="Number(0)">
    <Icon type="android-done" slot="open">Icon>
    <Icon type="android-close" slot="close">Icon>
i-switch>

你可能感兴趣的:(vue)