【前端vue】复制选中文本如何不触发点击事件

在某些特定的业务场景,既需要通过点击文本弹出详情,又要可以选中文本进行复制,但是单纯添加点击事件,在选中文本时也会触发点击事件

如下例在table中点击流水号弹出订单详情 ,但是还要可以复制流水号

<el-table-columnprop="serialNumber"show-overflow-tooltiplabel="流水号"min-width="170"><template slot-scope="scope"><el-link type="primary"  @click="orderInfo(scope.row)">{{scope.row.serialNumber}}</el-link></template>
</el-table-column>

解决方案:

只需要在点击事件中判断当前是否有选中文本, 如果未选中文本就执行弹出弹窗,选中则不做任何操作

    orderInfo(row){if (window.getSelection().toString() === '') {this.orderInfo = row;this.dialogOrderInfo = true;}},

【前端vue】复制选中文本如何不触发点击事件相关推荐

前端＜a＞标签超链接，触发点击事件后弹出about:blank#blocked页
一.问题描述今天碰到一个特别奇怪的问题,我在点击一个超链接按钮后,会弹出一个about:blank#blocked页,原页面后续逻辑也会继续走下去,难受的点就是为什么会弹出这么一个页面. 二.问题分 ...
vue点击弹窗自动触发点击事件的解决办法
业务场景:使用vue +element ui 的el-dialog,点击弹窗之后,默认加载第一个按钮的数据进行初始化. div 指令: // 自动触发点击事件directives:{trigger:{ ...
ajax点击事件无法触发,解决jQuery Ajax动态新增节点无法触发点击事件的问题_婳祎_前端开发者...
在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写οnclick="" ...
vue 自动触发点击事件
需要,点击左边的菜单,顶部菜单相应改变,但是都需要点击事件,页面进来时,默认触发点击事件方法一,vue自定义指令 directives:{trigger:{inserted(el, binging) ...
vue移动端点击事件延迟_解决Vue 界面在苹果手机上滑动点击事件等卡顿问题_莺语_前端开发者...
用 (1).滑动页面卡顿, (2).点击事件响应缓慢,百度才发现在苹果手机上有300ms的延迟. 一.滑动页面卡顿 //页面布局页面内容在对应的组件的最外层div上加上这样的样式: .conten ...
Vue在页面加载时自动触发点击事件
在按钮中添加 v-trigger <el-button v-for="data in formData" v-if="data.selectStatus === 1 ...
解决datetimepicker不能触发点击事件，日期插件位置偏移，日期范围限制的问题
最初的问题: 一开始所遇到的问题是相对简单的,就是今天的日期是3-20,但是却可以选择20号之后的日期. html代码: <form action="web?module=stwmgr ...
js自动触发点击事件
js自动触发点击事件 // 进入页面立即触发(()=>{// 兼容IEif(document.all) {document.getElementById("aid").cli ...
解决按钮点击后长按回车无限触发点击事件问题
思路: 包一层 UI 库的 button,在里面监听 onkeydown 和 onkeyup,用 flag 阻止长按回车一直触发. 然后在项目全局重新注册 el-button 覆盖掉UI内的按钮组件. ...

【前端vue】复制选中文本如何不触发点击事件

【前端vue】复制选中文本如何不触发点击事件相关推荐

最新文章

热门文章

【前端vue】 复制 选中 文本如何不触发点击事件

【前端vue】 复制 选中 文本如何不触发点击事件相关推荐

最新文章

热门文章

【前端vue】复制选中文本如何不触发点击事件

【前端vue】复制选中文本如何不触发点击事件相关推荐