element 默认值

element 默认值

el-cascader 组件默认值

<el-cascader
            v-model="value"
            :options="options"
            :props="optionProps"
            @change="handleChange"
></el-cascader>


 optionProps: {
        value: "id",				// id,label,chidren 是返回来的字段
        label: "label",
        children: "children",
      },

value 绑定的是选中的数组 options 绑定的是请求过来的对象数组 props el-cascader规定固定的字段进行渲染所以需要props属性 @change 监听默认选中的状态

如果监听到的数组是['1','2','3'] 这样的格式那么默认是就必须是this.value=['1','2','3'] 如果是[1,2,3,4]就需要转换否则默认值渲染不上,在这里写一下转换的方法 把数组里的每一项都取出来然后转换

` ``` let arr=['1','2','3'] let newarr=arr.map(item=>{ return parseInt(item) }) //返回的新数组就是需要的默认值 ```