小程序共用一個(gè)組件與一個(gè)頁面,讓部分模塊中(zhōng)的标簽顯示與隐藏 - 新聞資(zī)訊 - 雲南小程序開發|雲南軟件開發|雲南網站(zhàn)建設-西山區知普網絡科技工作室

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不管是網站(zhàn),軟件還是小程序,都要直接或間接能為您産生價值,我們在追求其視覺表現的同時,更側重于功能的便捷,營銷的便利,運營的高效,讓網站(zhàn)成為營銷工具,讓軟件能切實提升企業(yè)内部管理水平和(hé)效率。優秀的程序為後期升級提供便捷的支持!

小程序共用一個(gè)組件與一個(gè)頁面,讓部分模塊中(zhōng)的标簽顯示與隐藏

發表時間:2020-9-22

發布人:葵宇科技

浏覽次數:71

  1. utils/wxs/pagetype文(wén)件
//模塊對應的本地路(lù)由地址(JX_GROUP:近效,根據pagetype傳參進行判斷)
function getPageLink(pageType, link, params = null) {
  if (pageType == 'KX_GROUP' || pageType == 'YL_GROUP' || pageType == 'ZS_GROUP' || pageType == 'JX_GROUP') {
    return '/pages/view/groups/index?groupid='+link+'&pagetype='+pageType
  }`
  1. page/view/groups/index.js文(wén)件中(zhōng),在onLode引入
	data: {
		m_pageType:null
	},
	onLoad(options) {
		let pageType = options.pagetype
	}
	that.setData({
		m_pageType: pageType
})
  1. page/view/groups/index.wxml中(zhōng)模闆中(zhōng)聲明m_pageType
	<template is="single-list" data="{{ listData: item.listData, message: m_priceTips,m_pageType}}"/>
  1. 找到single-list模塊page/template/list/single/index.wxml調用custom-item地方聲明一個(gè)show-near自定義标簽名,根據m_pageType類型判斷标簽顯示或者隐藏
 <custom-item 
     show-near="{{m_pageType != 'JX_GROUP'}}">
  </custom-item>
  1. 找到custom-item組件pages/components/ui/goods/item/index.js聲明showNear變量
properties: {
    showNear: {type: Boolean, value: true}  //近效标簽顯示
  },
  1. 在custom-item組件wxml中(zhōng)調用
 <text class="near" wx:if="{{item.timeNearExpired == 'true' && showNear}}">近效</text>

小提示:沒有在wxml中(zhōng)聲明的變量,但在js中(zhōng)使用的話,可(kě)以直接定義在data外部,m_groupId: 0,并且直接賦值onLoad(options) { this.m_groupId = groupid }

相關(guān)案例查看更多