E企盈营销工具技术服务商 热线:4006-838-530

第15课微信小程序behavior组件间的数据共享:

E企盈直播平台营销卖货系统

第15课 微信小程序behavior组件间的数据共享:先看看目录结构:我们先编写一下两my-behavior的代码:这里是my-behavior.js的代码://behavior内还可以嵌套引入behavior// my-behavior.js//引入behaviors2就相当于把behaviors2里面的方法与数据都加到这里面var myBehavior2 = require(‘my-behavior2’)module.exports = Behavior({  behaviors: [myBehavior2],  properties: {    myBehaviorProperty: {      type: String    }  },  data: {    myBehaviorData: ‘这是myBehavior内的数据’  },  attached: function () { },  methods: {    myBehaviorMethod: function () {      console.log(‘这是执行myBehavior内的方法’)    }  }})这里是my-behavior2.js的代码:// my-behavior2.jsmodule.exports = Behavior({  behaviors: [],  properties: {    myBehaviorProperty2: {      type: String    }  },  data: {    myBehaviorData2: ‘这是myBehavior2内的数据’  },  attached: function () { },  methods: {    myBehaviorMethod2: function () {      console.log(‘这是执行myBehavior内引入的myBehavior2中的方法’)    }  }})下面是组件内代码:组件component-tag-name.js内代码:// components/component-tag-name.js//引入behaviors 实现组件间代码共享var myBehavior = require(‘my-behavior’)Component({  behaviors: [myBehavior],  //挂载上Behavior即可使用其里面的方法与数据  data: {  me: ‘这是组件自己递数据’  },  methods: {      }})组件component-tag-name.wxml内代码:<!– 组件模板 –><view>{{me}}</view><view>{{myBehaviorData}}</view><view>{{myBehaviorData2}}</view><button bindtap=”myBehaviorMethod”>点击执行myBehavior内方法</button><button bindtap=”myBehaviorMethod2″>点击执行myBehavior2内方法</button>组件component-tag-name.json内代码:{  “component”: true,  “usingComponents”: {}}index.wxml内直接写上组件:先在index.json内引入组件:{  “usingComponents”: {    “my-component”: “/components/component-tag-name”  }}index.wxml写上即可<!– 引用组件的页面模版 –><my-component></my-component>运行效果如下:

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 第15课微信小程序behavior组件间的数据共享:
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏