vue.js - 防止在行上的文本选择上发生 click:row 事件

Question

在v-data-table行中选择文本时，会触发click:row事件。有什么办法可以防止这种情况发生吗？

复制沙箱

https://codesandbox.io/s/pedantic-nightingale-fbyk2

指示

• 选择表格中的任意值并观察控制台

标签： vue.jsvuetify.js

Answer 1

一种解决方法是检查您单击时是否有一些选定的文本。你的rowClick方法是：

    rowClick(item) {
      if (window.getSelection().toString()) {
        return;
      }
      console.log(item);
    }