回到顶部|回到底部功能的实现（Vue）

html：
<a v-on:mouseover="changeActive($event)" v-on:mouseout="removeActive($event)" @click="backTOP" style="width: 39px;height: 39px;position: fixed;bottom: 119px;right: 3px;z-index: 999;">
    
    <el-image v-show="txt1" src="/static/xygIMG/上拉.png" style="width: 39px;height: 39px;">el-image>
    <span v-show="!txt1" class="show-txt" style="width: 100%;height: 39px;display: block;"><font color="#889AA4">回到顶部font>span>
a>
<a v-on:mouseover="changeActive2($event)" v-on:mouseout="removeActive2($event)" @click="toBottom" style="width: 39px;height: 39px;position: fixed;bottom: 70px;right: 3px;z-index: 999;">
    
    <el-image v-show="txt2" src="/static/xygIMG/下拉.png" style="width: 39px;height: 39px;">el-image>
    <span v-show="!txt2" class="show-txt2" style="width: 100%;height: 39px;display: block;"><font color="#889AA4">回到底部font>span>
a>

<style scoped="scoped">

/* 

.show-txt { 
/* 回到顶部 */ 
display: none; }

*/

style>