jeecg 的JSelectMultiple 多选下拉组件使用

reg183

已于 2022-11-10 13:34:16 修改

阅读量827

点赞数

分类专栏：后端文章标签： jeecg

于 2022-11-10 10:46:48 首次发布

本文链接：https://blog.csdn.net/chendongpu/article/details/127784579

版权

后端专栏收录该内容

507 篇文章 16 订阅

订阅专栏

<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>