uniapp：[Vue warn]: Failed to mount component: template or render function not defined. found in

迷南。 2023-10-03 13:23 15阅读 0赞

在uniapp 项目中，自定义组件，引入并使用自定义组件时出现了该报错，
在这里插入图片描述
解决方案：
当我仔细检查，原来是自定义组件时，命名时将”=“等于号写成了”：”冒号.
在这里插入图片描述

创建自定义组件
  1. <template name="组件名称"> 
  2.     <view>这是一个自定义组件</view> 
  3. </template> 
  4. <script> 
  5.     export default { 
  6.         name: "组件名称", 
  7.         //属性 
  8.         props: {     
  9.             属性名称: {         
  10.                 type: String, 
  11.                 value: "值"     
  12.             }
  13.         }            
  14. } 
  15. </script> 
  16. <style> 
  17. </style>
使用组件
  1. <template>
  2.     <view >
  3.         <组件名称 组件属性="对应的值"></组件名称>
  4.     </view>
  5. </template>
  7. <script>
  8. import 组件名称 from "../../components/组件名.vue";
  9. export default{
  10.     components:{
  11.         组件名称
  12.     },
  13. }
  14. </script>
  16. <style>
  18. </style>

发表评论

表情：
评论列表 （有 0 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读