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

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.directive('mi-select', {

twoWay: true,

priority: 1000,

params: ['options', 'data'],

bind: function () {

var _self = this;

console.log(_self);

$(this.el)

.select2()

.on('change', function () {

_self.set(this.value)

})

update: function (value) {

$(this.el).val(value).trigger('change')

unbind: function () {

$(this.el).off().select2('destroy')

}

});

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>

select vue 获取name_在vue的组件中获取select2插件的值相关推荐

vue 获取当前路由_VUE 在组件中获取路由信息
一.核心代码 1.获取参数 this.$route.query.id this.$route.query 2.页面跳转登录 3.方法跳转 this.$router.push({ path: '/lo ...
Web项目中获取SpringBean——在非Spring组件中获取SpringBean
最近在做项目的时候我发现一个问题:Spring的IOC容器不能在Web中被引用(或者说不能被任意地引用).我们在配置文件中让Spring自动装配,但并没有留住ApplicationContext的实例 ...
从父组件中获取子组件的值
父组件中获取子组件中的值(三种的方式) 1. this.$root.子组件中的值 2. this.$parent.子值 $parent是一级一级访问的,如果子组件多的话需要多个$parent3. &l ...
在Vue组件中获取全局的点击事件
使用场景: 在Vue组件中点击某元素之外的地方移除该元素需求: 如上图所示,"用户列表"页面有三个Vue组件组成,分别是"菜单组件","导航组件&q ...
vue 方法获取返回值_vue中子组件怎么获取父组件中的方法的返回值
楼主解决了吗?好像通过@自定义方法名='父组件的方法名'这样绑定到子组件里面取不行,只能通过:自定义方法名='父组件方法名',然后在子组件中的props:['自定义方法名'],再在子组件中要使用的地方 ...
vue 父刷新子_父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法...
场景: 我实际用到的是这样的,我父组件引用子组件related,父组件调用获取页面详情的方法,更新了state值related,子组件根据该related来渲染相关新闻内容,但是页面打开的时候总是先加 ...
vue页面返回消息头获取_vue在响应头response中获取自定义headers操作
日常开发,我们可能会为了安全问题,保证第三方无法通过伪造返回报文欺骗前端,需要在返回报文中添加自定义参数,用于验证身份,后端添加自定义参数,前端校验自定义参数通过后才会执行相应的操作. 系统为了安全会 ...
微信小程序——在小程序自定义组件中获取元素定位及宽度
在自定义组件中必须要用SelectorQuery.in(),否则无法获取 demo.wxml文件 <image class="publicImg" /></ima ...
antd如何获取表单的值_antd 父组件获取子组件中form表单的值
还是拿代码来讲吧,详情见注释子组件 import React, { Component } from 'react'; import { Form, Input } from 'antd'; con ...
java获取jtable的路径,Java如何在JTable组件中获取选定的单元格？
以下示例显示如何获取选定的行或选定的列,或如何选择JTable组件中的多个单元格.要侦听选择事件,我们可以JTable通过调用JTable.getSelectionModel().addListSel ...

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

select vue 获取name_在vue的组件中获取select2插件的值相关推荐

最新文章

热门文章