用html模版代码vue和element ui有123共三个选项如果是1把‘待审核’赋值给他如果是2就把‘通过’赋值给他如果是3就把‘驳回‘赋值给他当值为待审核时将他隐藏当值为通过或者驳回时将他显示
你可以使用Vue的v-model指令来绑定表单元素的值,然后使用Vue的计算属性来根据选项值进行相应的显示和隐藏操作。下面是一个示例代码:
<template>
<div>
<el-select v-model="selectedOption">
<el-option label="待审核" value="1"></el-option>
<el-option label="通过" value="2"></el-option>
<el-option label="驳回" value="3"></el-option>
</el-select>
<div v-if="selectedOption !== '1'">
{{ selectedOption === '2' ? '通过' : '驳回' }}
</div>
</div>
</template>
<script>
export default {
data() {
return {
selectedOption: '1'
};
},
computed: {
isHidden() {
return this.selectedOption === '1';
}
}
};
</script>
在上面的代码中,使用了Vue的v-model指令将selectedOption绑定到el-select元素上,这样可以根据用户选择的选项来更新selectedOption的值。然后使用v-if指令来判断selectedOption的值,如果不等于1,则显示对应的文本。通过计算属性isHidden来判断是否隐藏待审核的内容。
你需要确保已经引入了Vue和Element UI的相关库文件。
原文地址: https://www.cveoy.top/t/topic/i90P 著作权归作者所有。请勿转载和采集!