自定义组件的样式和内容没有生效?

发布于 9 年前作者 xiulanjiang1828 次浏览最后编辑 9 年前来自 ask

我写了一个简单的组件,定义了一个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 回复
xia28
xia281 楼6 年前

引用界面的json有配置吗

majing
majing2 楼6 年前

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