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

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>

参考：elementUI禁用整个表单，但是有一个item是不禁用的，要怎么操作呀大佬们？ - SegmentFault 思否

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