drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update cascader.vue

Browse source
This commit is contained in:
梁灏 2019-09-05 17:14:27 +08:00
parent ae2031aea1
commit 139c4b518f
1 changed files with 44 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
examples/routers/cascader.vue
View file

@ -1,13 +1,6 @@
<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 style="margin: 100px;width: 200px;">
<Cascader :data="data" v-model="value1"></Cascader>
</div>
</template>
<script>
@ -16,62 +9,53 @@
return {
value1: [],
data: [{
value: '9ecec83c-cf6b-4cfe-aa75-eb3510875331',
value: 'beijing',
label: '北京',
children: [{
value: 'a873a9bd-7d75-4f46-9369-4d25a1feb13c',
children: [
{
value: 'gugong',
label: '故宫'
}, {
},
{
value: 'tiantan',
label: '天坛'
}, {
},
{
value: 'wangfujing',
label: '王府井'
}]
}
]
}, {
value: 'ca7c0fbc-728d-42e8-b111-f5f73cf9171b',
value: 'jiangsu',
label: '江苏',
children: [{
value: 'a89d891b-5c50-44c0-87b4-d4f934edc921',
children: [
{
value: 'nanjing',
label: '南京',
children: [{
value: '44736384-0ede-41ba-bf7a-59c84241851a',
label: '夫子庙中国第一庙来自南京',
children:[{
value: '44736384-0ede-41ba-bf7a-59c84241851c',
label:'自定义产品系统来自黑龙江地区'
}]
}]
}, {
children: [
{
value: 'fuzimiao',
label: '夫子庙',
}
]
},
{
value: 'suzhou',
label: '苏州',
children: [{
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>