html vue下拉框点击触发,vue select 触发 初始化 change 事件 下拉框输出

html 代码

// js代码

var  initFormObj  =$('#formId');

var init_val= initFormObj.find('select[name="init_val"]').data('value') || 0;

var vueObj = new Vue({

el : 'select[name="init_val"]',

data : {

selected : init_val,

initFlag : false, // 记录是否初始化标识

lists : ''

},

created : function() {

var _vue = this;

$.getJSON('http://xxxxx.com/v1/api/xxx', {}, function(result) {

_vue.lists = result.data;

});

},

beforeMount : function() {

console.log(555);

},

beforeUpdate : function() {

console.log(666);

},

updated : function() {

console.log(777);

if (this.initFlag == false) {

this.vueChange();

this.initFlag = true;

}

},

nextTick : function() {

console.log(999);

},

watcher : function() {

console.log(8888);

},

methods : {

vueChange : function(event, item) {

optVal = this.selected || 0;

console.log(this.lists, '-3-', this.selected);

if (optVal != 0) {

// change 事件

}

}

}

});