<template> <div> <Row> <i-col span="18"> <i-button v-on:click="setValue">setValue</i-button> </i-col> <i-col span="4"> <Cascader :data="data" v-model="value1" transfer></Cascader> </i-col> </Row> </div> </template> <script> export default { data () { return { value1: [], data: [{ value: '9ecec83c-cf6b-4cfe-aa75-eb3510875331', label: '北京', children: [{ value: 'a873a9bd-7d75-4f46-9369-4d25a1feb13c', label: '故宫' }, { value: 'tiantan', label: '天坛' }, { value: 'wangfujing', label: '王府井' }] }, { value: 'ca7c0fbc-728d-42e8-b111-f5f73cf9171b', label: '江苏', children: [{ value: 'a89d891b-5c50-44c0-87b4-d4f934edc921', label: '南京', children: [{ value: '44736384-0ede-41ba-bf7a-59c84241851a', label: '夫子庙中国第一庙来自南京', children:[{ value: '44736384-0ede-41ba-bf7a-59c84241851c', label:'自定义产品系统来自黑龙江地区' }] }] }, { value: 'suzhou', label: '苏州', children: [{ value: 'zhuozhengyuan', label: '拙政园', }, { value: 'shizilin', label: '狮子林', }] }], }] } }, methods: { setValue() { var v = "ca7c0fbc-728d-42e8-b111-f5f73cf9171b,a89d891b-5c50-44c0-87b4-d4f934edc921,44736384-0ede-41ba-bf7a-59c84241851a"; var x = v.split(',') var x1 = x[0].toString(); var x2 = x[1].toString(); var x3 = x[2].toString(); this.value1 = x; } }, mounted () { } } </script> <style> </style>