<view class="head" style="padding-top: {{paddingTopNum}}px;"> <text>{{title}}</text> </view>这是我自定义的组件 引入到页面 我需要在不同页面 将title赋不同的值
时间: 2023-12-13 19:02:45 浏览: 66
当当网模板非常好用详细
4星 · 用户满意度95%
要在不同页面为自定义组件的title字段赋不同的值,可以通过在不同页面的onLoad函数中使用setData()方法来实现。具体步骤如下:
1. 在自定义组件的js文件中,定义需要赋值的字段(例如:title)并将其设置为默认值(例如:'默认标题')。
2. 在自定义组件的wxml文件中,使用{{title}}来引用title字段并将其显示在页面中。
3. 在需要使用该组件的页面中,引入该组件的js文件,并在该页面的wxml文件中使用该组件。
4. 在该页面的js文件中,定义onLoad函数,并在该函数中使用setData()方法为组件的title字段赋值。例如:
```
onLoad: function(options) {
this.setData({
'myComponent.title': '新的标题'
})
}
```
5. 当该页面加载时,onLoad函数会被调用,setData()方法会将myComponent组件的title字段的值设置为'新的标题',从而实现在不同页面为自定义组件的title字段赋不同的值。这里需要注意的是,由于myComponent是自定义组件的名称,需要根据实际情况进行修改。
阅读全文