在element-ui中单选选中最后一级,props中加入emitPath:false
属性;
如果在选中之前判断是否可以选择
<el-cascader :options="options"
:props="{
emitPath:false
}"
:show-all-levels="false"
>
<template slot-scope="{ node, data }">
<div style="width:100%" @click="checkData(data,$event)">{{ data.label }}</span>
</div>
</template>
</el-cascader>
checkData(value,event){
if(value.type == "判断条件"){
this.$message.error("提示信息")
//这样就可以阻止向上传递冒泡 阻止选中事件
event.stopPropagation()
return
}
}