vue 錨鏈接

min.js

Vue.directive('anchor', { // 錨鏈接自定義指令
    inserted: function (el, binding) {
        el.onclick = function () {
            document.documentElement.scrollTop = $('#anchor-' + binding.value).offset().top
        }
    }
});

xxx.vue

<template>
    <div class="modular1" v-anchor="index" v-for="(item,index) in $t('producTmodulArr')" :key="index">
      <div class="modularImg">
        <img :src="item.url" alt="" width="108" height="98">
      </div>
      <div class="modularText"><p>{{item.text}}</p></div>
    </div>
</template>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章