VUE中根据id转跳为什么#号会失败？

Question

试过在#letter里加反斜杠#号可以正常描点，但是其他锚点就不可了...

<div id="box">

 <div style="width: 500px;">

 <div style="float: right;font-size: 24px;">

    <div v-for="(keys , index) in letterText" :key="index">

        <a href="javascript:;" @click="onLetter('#letter'+ keys)">{{keys}}</a>

    </div>

  </div>

    <div v-for="(items, keys ,index) in letter" :key="keys" style="margin-top: 300px;color: #fd0000;font-size: 24px;">

        <div :id="'letter'+ keys">{{keys}}</div>

    </div>

</div>

</div>

methods: {

    onLetter(keys) {

        let letter = this.$el.querySelector(keys)

        document.body.scrollTop = letter.offsetTop

    }

},

});