Vue Element UI el-input 根据值显示不同内容：保存、确认
</template>
您可以使用v-if和v-else-if指令来根据不同的值显示不同的内容。以下是一个示例：
<template>
<el-input
v-if="formData[item.prop] === 1"
v-model.trim="formData[item.prop]"
:clearable="true"
:type="item.inputType"
:disabled="true"
class="col-width"
>
保存
</el-input>
<el-input
v-else-if="formData[item.prop] === 2"
v-model.trim="formData[item.prop]"
:clearable="true"
:type="item.inputType"
:disabled="true"
class="col-width"
>
确认
</el-input>
</template>
在上面的示例中，v-if="formData[item.prop] === 1"用于判断item.prop的值是否为1，如果是1，则显示'保存'。v-else-if="formData[item.prop] === 2"用于判断item.prop的值是否为2，如果是2，则显示'确认'。如果值不是1或2，则不显示任何内容。
原文地址: https://www.cveoy.top/t/topic/eeAL 著作权归作者所有。请勿转载和采集!