form layui vue 和_LayUI 完美兼容Vue.js

请选择一个商家

{{ maker.name }}

联系客服

var App = new Vue({

el: '#app',

data: {

selected: 0,

maker_list: [],

maker_qq_url: ''

},

mounted: function () {

this.getMakerList();

},

methods: {

getMakerList: function (e) {

var vm = this;

vm.$http.get('http://hunteryun.com/api/maker/list').then(function (response) {

vm.maker_list = response.data;

vm.$nextTick(function () {

layui.use(['layer', 'form'], function(){

var form = layui.form();

form.on('select', function(data){

App.getMakerQQ(data.value);

});

form.render();

});

})

}, function (response) {

alert('获取商家列表失败！');

});

},

getMakerQQ: function (mid) {

var vm = this;

vm.$http.get('http://hunteryun.com/api/maker/get/qq/'+mid).then(function (response) {

vm.maker_qq_url = 'mqqwpa://im/chat?chat_type=wpa&uin='+response.data+'&version=1&src_type=web&web_src=oicqzone.com';

}, function (response) {

alert('获取商家QQ失败！');

});

}

}

})