在小程序中自定义弹窗组件
component
{
"component": true
}
复制代码
表明它是一个组件,我们称之为“子组件” 3. 注意:在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。(只使用class) 如何使用组件便于区分,引用子组件的页面我们称之为“父组件,” 在父组件的json里先引用子组件: {
"usingComponents": {
"component-tag-name": "path/to/the/custom/component"
}
}
复制代码
父组件传值给子组件因为这个自定义的弹窗组件会应用于很多不同的页面,所以显示的弹窗标题也是不同的,这就是需要父组件给子组件自定义标题,也就是子组件的标题应该从父组件中接受到的。 子组件里: wxml <view class="page">
<view>{{popupTitle}}</view>
</view>
复制代码
js Component({
properties: {
// 这里定义了innerText属性,属性值可以在组件使用时指定
popupTitle: { //弹窗标题
type: String,value: '默认值',}
},})
复制代码
父组件里: wxml js
参考小程序-自定义组件 代码地址: github.com/AnsonZnl/wx… (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |