h***@sina.com
h***@sina.com
  • 发布:2019-05-17 18:26
  • 更新:2021-02-26 11:48
  • 阅读:12829

uniapp 支持 vue内置的 component组件吗?

分类:uni-app

我正常用uniapp写个小东西, 其中用到了vue内置的component组件。但是没有渲染出任何东西。
是uniapp不支持 component组件吗? 我在uniapp的官方文档的:使用vue.js注意事项 里也没有看到有关不支持 component组件的内容哦。

下面是我的demo代码:
<component
v-for="(item, index) in formItems"
is="item.componentName" v-bind="item.props"
v-model="formData[item.model]"
v-on="item.event"

key="index"> </component>

formData: {  
  topicQuestion: '',  
  topicStandardAnswer: '',  
  topicShortAnswer: ''  
},  
formItems: [  
  {  
    componentName: 'textarea',  
    model: 'topicQuestion',  
    props: {  
      placeholder: '请输入题目'  
    },  
    event: {  
      blur: 'questionBlur'  
    }  
  },  
  {  
    componentName: 'textarea',  
    model: 'topicAnswer',  
    props: {  
      placeholder: '请输入标准答案'  
    },  
    event: {}  
  },  
  {  
    componentName: 'textarea',  
    model: 'topicShortAnswer',  
    props: {  
      placeholder: '请输入简写答案'  
    },  
    event: {}  
  }  
]
2019-05-17 18:26 负责人:无 分享
已邀请:
zhangdaren

zhangdaren - 小程序转uniapp工具:https://ext.dcloud.net.cn/plugin?id=2656

刚测试 ,<component is="head22" > 可以支持,但v-bind=""还不支持

7***@qq.com

7***@qq.com

同问,解决了吗

5***@qq.com

5***@qq.com

  • 7***@qq.com

    不知道为什么1楼说可以,只能用条件渲染处理了

    2019-09-13 23:05

  • 5***@qq.com

    回复 7***@qq.com: H5端你想怎么用,就怎么用,但是要兼容其它就最好不要用is='componentName'

    2019-09-14 15:33

  • zhangdaren

    回复 7***@qq.com: v3编译可以支持:is

    2020-02-05 22:08

  • mark_he

    回复 zhangdaren: v3只改进了app端,小程序端还是不行

    2020-06-12 14:20

1***@qq.com

1***@qq.com - 90后

请问问题解决了吗?

x***@hotmail.com

x***@hotmail.com

<view class="index">
<component v-bind:is="uButton">测试</component>
<component is="uButton">哈哈</component>
<u-button>test</u-button>
</view>

是这个吗?uniappH5一直能用

3***@qq.com

3***@qq.com

微信小程序不行

该问题目前已经被锁定, 无法添加新回复