vue后台管理，先点击查询才能点击导出，（消息提示）

业务功能：先点击查询才能点击导出，如果没点查询就点导出，则提示“请点击查询后，在执行导出”
//第一步 定义两个参数
data() {
return {
search:false,
export:false,
}
}

//第二步 在导出逻辑前做判断

if((this.export && !this.search) || !this.search) {
this.$message ({
showCloe:true,
message:'请点击查询后，在执行导出操作！'，
type:'waring',

});
//this.export = false;
//this.search = false;
return
}

//第三步 在查询点击事件中把search改为true

onClick(formName) {
if(valid) {
this.search = true;
}

}
补充：如

vue后台管理，先点击查询才能点击导出，（消息提示）最先出现在Python成神之路。