踩坑记26 vue3 props 默认值 | el-form 禁用个别元素例外

最新推荐文章于 2024-06-22 22:30:00 发布

莫得感情学习机1号

最新推荐文章于 2024-06-22 22:30:00 发布

阅读量2k

点赞数

分类专栏： vue3踩坑记文章标签： javascript vue.js html5 elementui vue

本文链接：https://blog.csdn.net/Alloom/article/details/120771812

版权

34 篇文章 21 订阅

订阅专栏

本文介绍了在Vue3中如何为组件定义props的默认值，以及如何在使用Element UI时，实现对整个表单的禁用，同时保持部分表单元素的启用状态。通过内嵌一个不受禁用影响的el-form，可以实现这一目标。这对于精细化控制表单的交互状态非常有用。

摘要由CSDN通过智能技术生成

2021.9.18

坑79（props、默认值、vue3）：组件传props，设置默认值。

props: {

        isDisabled: {

            type: Boolean,

            default:false,

        },

    },

坑80（el-form、禁用）：目标是对el-form表单整体禁用，但其中个别元素不禁用。

解决方案：内嵌一个el-form表单，其中的元素不会被禁用。

<el-form :disabled="true">

    // 其中内容禁用

    ...

    <el-form>

        // 其中内容不被禁用

        ...

    </el-form>

    ...

</el-form>

by 莫得感情踩坑机(限定)

关注

专栏目录

踩坑记26 vue3 props 默认值 | el-form 禁用 个别元素例外