Update cascader.vue
This commit is contained in:
parent
ae2031aea1
commit
139c4b518f
1 changed files with 44 additions and 60 deletions
|
@ -1,13 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div style="margin: 100px;width: 200px;">
|
||||||
<Row>
|
<Cascader :data="data" v-model="value1"></Cascader>
|
||||||
<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>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
@ -16,62 +9,53 @@
|
||||||
return {
|
return {
|
||||||
value1: [],
|
value1: [],
|
||||||
data: [{
|
data: [{
|
||||||
value: '9ecec83c-cf6b-4cfe-aa75-eb3510875331',
|
value: 'beijing',
|
||||||
label: '北京',
|
label: '北京',
|
||||||
children: [{
|
children: [
|
||||||
value: 'a873a9bd-7d75-4f46-9369-4d25a1feb13c',
|
{
|
||||||
label: '故宫'
|
value: 'gugong',
|
||||||
}, {
|
label: '故宫'
|
||||||
value: 'tiantan',
|
},
|
||||||
label: '天坛'
|
{
|
||||||
}, {
|
value: 'tiantan',
|
||||||
value: 'wangfujing',
|
label: '天坛'
|
||||||
label: '王府井'
|
},
|
||||||
}]
|
{
|
||||||
|
value: 'wangfujing',
|
||||||
|
label: '王府井'
|
||||||
|
}
|
||||||
|
]
|
||||||
}, {
|
}, {
|
||||||
value: 'ca7c0fbc-728d-42e8-b111-f5f73cf9171b',
|
value: 'jiangsu',
|
||||||
label: '江苏',
|
label: '江苏',
|
||||||
children: [{
|
children: [
|
||||||
value: 'a89d891b-5c50-44c0-87b4-d4f934edc921',
|
{
|
||||||
label: '南京',
|
value: 'nanjing',
|
||||||
children: [{
|
label: '南京',
|
||||||
value: '44736384-0ede-41ba-bf7a-59c84241851a',
|
children: [
|
||||||
label: '夫子庙中国第一庙来自南京',
|
{
|
||||||
children:[{
|
value: 'fuzimiao',
|
||||||
value: '44736384-0ede-41ba-bf7a-59c84241851c',
|
label: '夫子庙',
|
||||||
label:'自定义产品系统来自黑龙江地区'
|
}
|
||||||
}]
|
]
|
||||||
}]
|
},
|
||||||
}, {
|
{
|
||||||
value: 'suzhou',
|
value: 'suzhou',
|
||||||
label: '苏州',
|
label: '苏州',
|
||||||
children: [{
|
children: [
|
||||||
value: 'zhuozhengyuan',
|
{
|
||||||
label: '拙政园',
|
value: 'zhuozhengyuan',
|
||||||
}, {
|
label: '拙政园',
|
||||||
value: 'shizilin',
|
},
|
||||||
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>
|
</script>
|
||||||
<style>
|
|
||||||
|
|
||||||
</style>
|
|
Loading…
Add table
Reference in a new issue