element ui form表单动态绑定prop值

最新推荐文章于 2024-04-30 10:58:07 发布

weixin_43285044

最新推荐文章于 2024-04-30 10:58:07 发布

阅读量3.4k

点赞数

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

本文链接：https://blog.csdn.net/weixin_43285044/article/details/123552958

版权

element ui 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

form表单中，某一项可能会根据需求，有时需要校验有时不需要校验。

在v-else添加一个绑定值key，两种方法，页面中可随意挑选一种，第一种如果不可以就换第二种。

<el-form-item v-if="form.serviceSwitch == 2" prop="serviceDifference">
    <el-input v-model.trim="form.serviceDifference" placeholder="金额"></el-input>
</el-form-item>
<el-form-item v-else key="1">
    <el-input v-model.trim="form.serviceDifference" placeholder="金额"></el-input>
</el-form-item>

或者

<el-form-item v-if="form.serviceSwitch == 2">
    <el-input v-model.trim="form.serviceDifference" placeholder="金额"></el-input>
</el-form-item>
<el-form-item v-else key="1" prop="serviceDifference">
    <el-input v-model.trim="form.serviceDifference" placeholder="金额"></el-input>
</el-form-item>