<template>
<div>
{{ msg }}
<j-select-multiple v-model="value" :options="options" style="width:300px;"/>
<div>
value:{{value}}
</div>
</div>
</template>
<script>
import {getAction} from '@/api/manage'
import JSelectMultiple from '@/components/jeecg/JSelectMultiple'
export default{
name:'Demo',
components:{
JSelectMultiple
},
data(){
return {
msg: "",
value:"",
options:[{
label:"选项一",
value:'1'
},{
label:"选项二",
value:'2'
},
{
label:"选项三",
value:'3'
}]
}
},
methods:{
hello () {
var url = "/test/jeecgDemo/hello"
getAction(url).then((res) => {
if (res.success) {
this.msg = res.result;
}
})
}
},
created(){
this.hello();
}
}
</script>
效果如下: