在vue的组件中获取select2插件的值

2016/12 01 14:12
此文章不得转载,如有需要请联系网站管理员。

一度的温暖,一百度的爱情,来自于ca788亚洲城娱乐的点点滴滴

我做的一个select组件的封闭,这个select用了jquery的select2插件,以是双向数据绑定无法运用
我盼望失掉的后果是,使用vue的自定义指令完成 双向数据绑定,但是我发明官方示例的方法在非组件的情况下可以运用,但是


    var MiSelectComponent = Vue.extend{
        /**
         * 参数
         * name html的name标签
         * style style代码
         * class class标签
         * data.selected 选中项的值
         * data.options 选项数组
         * [{ text: 考核经过, value: 1},{ text: 考核经过, value: 2}]
         **/
        template:
        <div class="dataTables_filter filterBox-item"> +
        <select v-mi-select="name" name="{{ name }}" style="{{ style }}" class="mi_selected {{ class }}" v-model="data.selected">
        +<option track-by="$index" v-for="option in data.options"  v-bind:value="option.value">{{ option.text }}</option>
        +</select> +
        </div>
        ,
        props: [data, name, style ,class],
    };
    
    
    Vue.directivemi-select, {
        twoWay: true,
        priority: 1000,
        params: [options, data],
    
        bind: function  {
            var _self = this;
            console.log_self;
            $this.el
                .select2
                .onchange, function  {
                    _self.setthis.value
                }
    
        },
        update: function value {
            $this.el.valvalue.triggerchange
        },
        unbind: function  {
            $this.el.off.select2destroy
        }
    };
    
        var vm = new Vue{
        el: #el,
        components: {
            c: MiSelectComponent,
        },
        data: {
            selected: 0,
            sa: {
                selected: 2,
                options: [
                    { text: 考核形状, value: },
                    { text: 考核经过, value: 1},
                    { text: 考核失败, value: 2},
                ]
            },
            sb: {
                selected: 1,
                options: [
                    { text: 考核形状, value: },
                    { text: 考核经过, value: 1},
                    { text: 考核失败, value: 2},
                ]
            },
        }
    }
    
    
    <div id=el>
        <c name="aaaaaa" v-bind:options.sync="sb.options" :selected.sync="sb.selected"></c>
        <c name="bbbbbb" v-bind:options.sync="sb.options" :selected.sync="sb.selected"></c>
    </div>

详细问什么?组件下也可以运用啊

(看完/读完)这篇文章有何感想! 来看看ca788亚洲城娱乐是怎么评论的吧!

--转载请注明: www.ca788.com#亚洲城ca788手机版官网 » 在vue的组件中获取select2插件的值

发表评论

(必填)