element-ui 级联选择器Cascader设置默认值无效

最近遇到的一个新需求，我们编辑时需要修改之前级联选择器选择的资源，正常的思路就是点击编辑，传入row的值就可以正常显示修改了。

但是这次无效了，失效的方式竟然是不显示Label，点开级联选择器，传入的值是被选中的状态，最开始觉得是需要传一个数组，把数据放到数组里放到v-model绑定的变量，依旧不能显示label。。

<el-form-item v-if="options.length>0" label="资源名称" prop="sourceId">
   <el-cascader
       v-model="ruleForm.sourceId"
       :options="options"
       @change="handleChange"
     >
    </el-cascader>
</el-form-item>

data() {
	return {
		ruleForm: {
			sourceId: []
		},
		props: { mutiple: false, checkStrictly: true, expandTrigger: 'hover' }
	}
},
method:{
	handleChange(value) {
		console.log(value)
		console.log(this.ruleForm)
	}
}

对比了触发handleChange和传入值时的ruleForm，发现sourceId的值也没什么区别。。

从逻辑上讲应该没有问题，但是label就是不显示。。原来是因为我们传入的值默认都是string类型，而放入数组也是string，所以组件不会识别。。。
究其根本，其实问题还是出在了数据类型上面，虽然传入的都是数组，但数组里面的元素不同啊，这也太坑了，直接把传入的值用Number（）方法修饰一下，完美解决。