自定义组件的样式和内容没有生效?
发布于 7 年前 作者 xiulanjiang 1660 次浏览 来自 问答

我写了一个简单的组件,定义了一个innerText的properties

// components/myHeader/myHeader.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    innerText:{
      type:"string",
      value:"default value"
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {

  }
})

然后我在wxml文件里面使用了它

<view class="myComp" >
  {{innerText}}
  <slot></slot>
</view>

结果渲染的时候,样式没有渲染出来,innerText也没有渲染出来,只有slot里面的内容渲染出来了

<!-- 演示常用的组件 -->
<!-- 自定义组件 -->
<myHeader innerText="some text">
  <view>这是slot的内容</view>
</myHeader>



页面渲染结果,但是 {{ innerText }}里面的内容没有渲染出来

2 回复

引用界面的json有配置吗

自己找到原因了,是引用的时候,组件名写错了

回到顶部