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="a

JAVAcsdn258

4320人浏览 · 2018-05-08 22:00:24

JAVAcsdn258 · 2018-05-08 22:00:24 发布

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

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^