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>