Vue项目鼠标选中文本

1、使用的主要技术点

• Vue 鼠标选中文本 @mouseup
• window.getSelection().toString()

2、相关代码

• HTML

<div @mouseup="handleMouseSelect">可供鼠标选择的文本内容，支持动态引入内容v-html引入或者插值表达式引入</div>

• JS

methods: {
    handleMouseSelect() {
        let text = window.getSelection().toString() // 获取当前鼠标选中的文本内容
        console.log(text)
    }
}