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 }}&nbsp;熱度</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()

    }

 

在手機端 為防止點擊tab選項卡里面的內容跳到新頁面返回后默認回到tab選項卡的第一個，可加上target="_blank"

例如：

<nuxt-link

                    v-on:click.stop="doThis"

                    :to="

                      `question?id=${item2.questionid}&redirectUrl=%2Fres061401%2Fycc%2Fshop%2Fmobile%2Fquestion%3Fid%3D181${item2.questionid}`

                    "

                    target="_blank"

                  >