小程序-自定义组件

<nav-bar navbar-data="{{navbarData}}"></nav-bar>

<view>{{navbarData.title}}</view>

Component({
/**
* 组件的属性列表
*/
properties: {
navbarData: {
type: Object,
value: {},
observer: function(newVal, oldVal) {
console.log(newVal)
}
}
}
},

<view bindtap="onTitleTap">{{navbarData.title}}</view>

/**
* 组件中的方法
*/
methods: {
onTitleTap: function() {
this.triggerEvent(‘onNavTitleTap‘)
}
}

<nav-bar bind:onNavTitleTap="onNavTitleTap"></nav-bar>

/***
* 点击导航栏10次
* 出现mLoc模拟定位按钮
*/
onNavTitleTap: function() {
// 默认值
let clickCount = 10
let interval = 1000
// 超过时间间隔，则点击次数清零
clearTimeout(navTitleTimer)
navTitleTimer = setTimeout(() => {
navTitleCount = 0
}, interval)
navTitleCount++
// 达到点击次数，显示mLoc
if (navTitleCount >= clickCount) {
this.isShowMockLocBtn(false)
}
}