vue使用<script src=“vue.js“></script>的模式下怎么给局部组件添加事件

一:注册你的组件(我这里是一个弹框)

components:{
	'err-confirm':{
		props:{
			isShow:{
				type:Boolean,
				default:false
			},
			'errmsg':String,
			calback:function(){
				this.$emit('calback')
			}
		},
		template:`<div class="dialog">
					<div class="dialog_mask" style="z-index:99990"></div>
									<div class="dialog_containe" style="z-index:99991">
										<h2 class="dialog_title">
											错误信息
										</h2>
										<div class="dialog_body">
											{{errmsg}}
										</div>
										<div class="dialog_footer err_dialog">
											<a class="btn comfire" v-on:click="calback">确认</a>
										</div>
									</div>
								</div>`
	}
},

二:在的的props属性方法中一定要用this.$emit('functionName')让他使用你传过来的方法,不然你的点击事件是没有用的

三:给注册的属性绑定你method的方法就可以实现了

 

 四:在methods中添加你想绑定的方法

ErrorConfirmHide:function(){//隐藏错误提示
    //这里执行你想执行的代码
	this.ErrorBlock = false;
}


版权声明:本文为qq_40128591原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。