vant的tab选项卡的点击事件传参
Posted chenshaoxiong
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vant的tab选项卡的点击事件传参相关的知识,希望对你有一定的参考价值。
1、在van-tabs上绑定点击事件(getQuestionByTypeid2)
<van-tab title="热榜">
<div id="hot-list-title">
<van-tabs
v-model="typeid"
sticky
offset-top="43"
@click="getQuestionByTypeid2"
>
<van-tab
v-for="item in TypeNameList"
:title="item.name"
:name="item.typeid" //不写就默认为索引下标
:key="item.typeid"
>
<van-grid :column-num="1" :center="false">
<van-grid-item
v-for="(item2, index) in QuestionListByTypeid"
:key="index"
class="r-q-content"
>
<nuxt-link
v-on:click.stop="doThis"
:to="
`question?id=${item2.questionid}&redirectUrl=%2Fres061401%2Fycc%2Fshop%2Fmobile%2Fquestion%3Fid%3D181${item2.questionid}`
"
>
<div class="r-q-title">
{{ item2.title }}
</div>
</nuxt-link>
<div
v-html="item2.content"
class="q-desc fr-element fr-view"
></div>
<div style="color: #999;">
<span>{{ item2.answerCount }} 热度</span>
</div>
</van-grid-item>
</van-grid>
</van-tab>
</van-tabs>
</div>
</van-tab>
2、方法
getQuestionByTypeid2(tid, title) {
window.sessionStorage.setItem(‘Tid‘, title)
console.log(tid) //默认是点击该选项的下标,但是在上面已经给绑定更改name了这里就不会是默认的了 绑定什么值传来就是什么值(item.typeid)
console.log(title)
this.getQuestionByTypeid()
}
以上是关于vant的tab选项卡的点击事件传参的主要内容,如果未能解决你的问题,请参考以下文章