热搜: 最后的问候
  • 总篇数 ()
  • 粉丝量 ()

vue select 触发 初始化 change 事件 下拉框输出

  • 来源:ctocode
  • 阅读量:3931
  • 收藏:0
  • 被赞:0
  • 作者:
js /

用手机看

扫描二维码随身看资讯 使用手机 二维码应用 扫描右侧二维码,您可以
1.在手机上细细品读~
2.分享给你的微信好友或朋友圈~
广告位置

摘要

html 代码



QQ图片20180608183745.png



// 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 事件
					 
				} 
			}
		}
	});


转载请注明本网站 https://www.10yun.com/     谢谢~

如有不懂得,可到底部【给我留言】联系站长QQ~

  • 上一篇:

  • 下一篇:

微信扫一扫,看资讯
aaa

扫二维码或搜索微信公众号“十云“关注
回复” 技术分享、职位、新闻、工作 “即可查看最新相关内容!
赶快扫一扫吧~

表羞涩嘛~喜欢就点我

0

分享吧~~:

祝给予赞赏的伙伴,2019年发大财!

相关阅读

反馈