一、前言
出于需要,我没有直接用button标签和element的el-button标签,我用span模拟了一个标签,并且给与了一个点击事件,但是较快的点击这个模拟按钮,会出现自动选中其中的文本的现象,类似于鼠标长按选择文本的那种情况。造成了不好的体验,我提供一种解决方案。
二、demo展示(直接上图)
未处理之前(点击速度稍微较快就会选中)
处理之后(正常了)
哈哈,其实这里应该使用Gif的,但是,领会精神就好,嘻嘻。
三、解决方案
出现选中情况时候的代码(未解决之前)
<span class="nexts" @click="nextCourse()">下一节</span>
解决的代码
<span class="nexts" @click="nextCourse()" style="-moz-user-select:none;" unselectable=