小程序的跳转连接和传值onland()

小程序的跳转连接和传值onland()

1、在template定义

重点：@click=“onCompanyHandle(v.id)”

 <view v-for="(item,index) in companyList" :key="item.id">
        <view class="search-text">{{item.name}}</view>
        <view
          class="company-item"
          @click="onCompanyHandle(v.id)"
          v-for="v in item.child"
          :key="v.id"
        >
          <text>{{v.company_name}}</text>
          <u-icon name="arrow-right" size="32"></u-icon>
        </view>
 </view>

2、在methods（）中定义

第一个方法：（在于跳转连接的写法不同）

onCompanyHandle(id) {
      wx.navigateTo({
        url: '/pages/about/exhibitor?id=' + id
      });
 },

第二种方法：

nav_tag(id) {
	uni.navigateTo({
	    url: `/pages/info/exhibitor-detail?id=${id}`,
	});
},

3、在跳转页onland（）的定义

onLoad(options) {
		this.id = options.id * 1   // 强制转换该值为数字
		// 以下为数据请求方法赋id
		this.getCompanyMessage(this.id)
		this.getStarList(this.id)
		this.getAllGoodsList(this.id)
},

4、在接口请求方法中的写法

async getCompanyMessage(id) {
	const {
			code,
			data,
			msg
		} = await this.$u.get('/web/exhibitor-list/info', {
			exhibitor_id: id,
			lang: 'zh'
		})
		if (!code) {
			this.companyMessage = data
		} else {
			uni.showToast({
				title: msg,
				icon: 'none'
			})
		}
},