el-input根据后台返回的状态码显示对应的文字

最新推荐文章于 2024-09-23 18:10:54 发布

Dcripple

最新推荐文章于 2024-09-23 18:10:54 发布

阅读量3.2k

点赞数 4

分类专栏： Vue 文章标签： elementui vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_45990765/article/details/121693419

版权

Vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个Vue.js项目中的问题，即如何根据后台传来的`certification_status`状态码动态显示“已认证”或“未认证”。通过在`el-input`组件中使用`v-model`结合条件判断，当状态码为1时显示“已认证”，否则显示“未认证”。此方法确保了用户界面能正确反映后台数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做项目当中遇到了这种情况：

但是我们想要的结果是这样的：

首先我们看下后台传过来的数据：

certification_status 是后台传过来的状态码

我们可以直接在el-input输入框中绑定v-model的数据时给它加个判断，状态码为0时，对应的文字为未认证；反之，则相反

<el-form-item label="房屋认证状态" prop="certification_status">
		<el-input v-model="editForm.certification_status == 1 ? '已认证' : '未认证'" :disabled="(title=='编辑') ?true:false">
		</el-input>
</el-form-item>