vue.js无法挂载组件:模板

时间:2018-11-21 21:27:16

标签: laravel vue.js gulp

我正在努力解决此问题,但未找到任何人,请对此提供帮助 这是我的代码 调用组件

Vue.component('select2', require('./components/select2.vue'));

组件的html

<template>
    <select>
        <slot></slot>
    </select>
</template>

这是我的vue.js脚本

<script>
    export default {
        props: ['options', 'value', 'params'],
        mounted: function () {
            var vm = this;
            var params = !this.params ? {} : this.params;
            params.val = this.value;
            if(this.options) {
                params.data = this.options;
            }
            $(this.$el).val(this.value);
            $(this.$el).select2(params);
            $(this.$el).on('change', function () {
                vm.$emit('input', $(this).val()) 
            })
            $(this.$el).val(this.value).trigger('change');
        },
        watch: {
            value: function (value) {
                $(this.$el).val(value);
            },
            options: function (options) {
                var params = !this.params ? {} : this.params;
                if(this.options) {
                    params.data = this.options;
                }
                $(this.$el).select2(params);
            }
        },
        destroyed: function () {
            $(this.$el).off().select2('destroy')
        }
    }
</script>

但是仍然出现此错误,我尝试了很多方法但没有用,请帮助我,如果您需要我可以给您提供更多信息,请使用laravel,gulp等

enter image description here

0 个答案:

没有答案