Vue-select的使用

最新推荐文章于 2024-09-13 09:35:09 发布

猴子望月

最新推荐文章于 2024-09-13 09:35:09 发布

阅读量708

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/qq_43718718/article/details/105111854

版权

学习专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<script src="../../../js/tool/layui/layui.js"></script>
<script src="../../../js/tool/qrcode.min.js"></script>
<script src="../../../js/tool/vue.js"></script>
<script src="../../../js/common.js"></script>
<script src="../../../js/config.js"></script>
<script src="../../../js/tool/axios.js"></script>
<link rel="stylesheet" href="../../../js/tool/layui/css/layui.css">
<script src="../../../js/vue-select.js"></script>
<link rel="stylesheet" href="../../../css/vue-select.css">
<!--使用组件-->
<script>
    Vue.component('v-select', VueSelect.VueSelect);
</script>

<v-select multiple v-model="iqcBaseDataIdList" label="text" :options="iqcBaseDateList"></v-select>

  var windowData = new Vue({
        el: '#window',
        data: {
            iqcBaseDataIdList: [],
            iqcBaseDateList: [],//显示品牌的列表

        },
        methods: {
            findIqcbaseData: function () {
                var $this=this;
                var data=null;
                $.ajax({
                    url: server + '/iqcBaseData/getAllIqcBaseData',
                    method: 'post',
                    data: JSON.stringify(data),
                    contentType: 'application/json',
                    success: function (res) {
                        if (res.type == 0) {
                           $this.iqcBaseDateList = res.data;
                           var list=res.data;
                           for(var i=0;i<list.length;i++){
                               $this.iqcBaseDateList[i]=list[i].checkName
                           }
                        }
                    }
                })
            },
        },
        created: function () {
            this.findIqcbaseData();
        }
    });