mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
75 lines
1.8 KiB
JavaScript
75 lines
1.8 KiB
JavaScript
const warn = (msg, getValue) => {
|
||
console.warn(msg)
|
||
console.log('接受到的值为：', getValue)
|
||
}
|
||
|
||
Component({
|
||
options: {
|
||
multipleSlots: true
|
||
},
|
||
relations: {
|
||
'../cell-group/index': {
|
||
type: 'parent'
|
||
}
|
||
},
|
||
properties: {
|
||
title: {
|
||
type: String,
|
||
description: '左侧标题'
|
||
},
|
||
label: {
|
||
type: String,
|
||
description: '标题下方的描述信息'
|
||
},
|
||
value: {
|
||
type: String,
|
||
description: '右侧内容'
|
||
},
|
||
onlyTapFooter: {
|
||
type: Boolean,
|
||
description: '只有点击 footer 区域才触发 tab 事件'
|
||
},
|
||
isLink: {
|
||
type: null,
|
||
value: '',
|
||
description: '链接，用于导航，如果是 Boolean 型值则只显示链接样式，String 类型值才做导航，但是组件不检查路径正确性'
|
||
},
|
||
linkType: {
|
||
type: String,
|
||
value: 'navigateTo',
|
||
description: '链接类型，可选值为 navigateTo，redirectTo，switchTab，reLaunch'
|
||
}
|
||
},
|
||
data: {
|
||
isLastCell: true
|
||
},
|
||
methods: {
|
||
navigateTo () {
|
||
let url = this.data.isLink.toString()
|
||
let type = typeof this.data.isLink
|
||
|
||
this.triggerEvent('tap', {})
|
||
|
||
if (!this.data.isLink || url === 'true' || url === 'false') return;
|
||
|
||
if (type !== 'boolean' && type !== 'string') {
|
||
warn('isLink 属性值必须是一个字符串或布尔值', this.data.isLink)
|
||
return
|
||
}
|
||
|
||
if (['navigateTo', 'redirectTo', 'switchTab', 'reLaunch'].indexOf(this.data.linkType) === -1) {
|
||
warn('linkType 属性可选值为 navigateTo，redirectTo，switchTab，reLaunch', this.data.linkType)
|
||
return
|
||
}
|
||
wx[this.data.linkType].call(wx, { url })
|
||
},
|
||
cellTap () {
|
||
if (!this.data.onlyTapFooter) {
|
||
this.navigateTo()
|
||
}
|
||
},
|
||
notLastCell () {
|
||
this.setData({ isLastCell: false })
|
||
}
|
||
}
|
||
}) |