一:注册你的组件(我这里是一个弹框)
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;
}