vue 动态组件
  Rzlnp0of1uWH 2023年11月02日 23 0

(2). 业务场景:



<component :is="currentConfig" :config="config"></component>

export default {
    name: 'App',
    components: {
        rxTextboxConfig,
        rxTextareaConfig,
    },
    mouted:  {
        this.currentConfig = ctlType + "-config"
        if (ctlType == "rx-textbox") {
            this.config.type = "VARCHAR"
        }
        if (ctlType == "rx-textarea") {
            this.config.name = "我是富文本框"
        }
    }
}
  • 开发表单的过程中,会有很多类型的控件:文本框、下拉框等:

   a. 常规方案:v-if来实现.

   b. 推荐:控件配置文件,用于不同的配置组件来实现.

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  420SY9k1P3KI   2023年12月12日   32   0   0 html控件qthtmlqt控件
Rzlnp0of1uWH
作者其他文章 更多

2023-11-14

2023-11-13

2023-11-13

2023-11-13

2023-11-02

2023-11-02

2023-11-02

vue

2023-11-02

2023-11-02

2023-11-02