1# 无法复制的问题解决(包括弹框和表格头不能复制内容)
//在样式上加属性
user-select: none;//这个是不能复制,如果要样式内的元素将无法被选中,也就是不能复制加这个属性,如果要可以复制就注释掉这个属性
2# 解决element-ui表格添加show-overflow-tooltip后鼠标移入无法复制内容的问题 安装第三方库(参考网上的方法)
npm install --save vue-element-table-tooltip
在main.js中引入
import elementTableTooltip from "vue-element-table-tooltip";
Vue.use(elementTableTooltip, { theme: "dark", // dark | light });
如果只在组件中部分使用
export default {
...
directives: {
"element-table-tooltip": darkTooltip,
},
...
}
在table组件中使用
<el-table-column
label="overflow"
prop="column"
v-element-table-tooltip >
</el-table-column>
如果需要临时禁用tooltip,将绑定值设为false即可。false可以替换为判定表达式。
<el-table-column
label="overflow"
prop="column2"
v-element-table-tooltip="false" >
</el-table-column>
另外,tooltip可以单独设置主题,如下所示:
<el-table-column
label="overflow"
prop="column2"
v-element-table-tooltip:dark
></el-table-column>
<el-table-column
label="overflow"
prop="column2"
v-element-table-tooltip:light
></el-table-column>
3#row布局里面输入框电脑放大百分百,输入中文,行乱码
解决方法1:每行用row包裹。
解决方法2:如果一个row 标签里面包裹多个col标签,形成多行,在row 标签上加上属性display:flex; flex-wrap:wrap. 特殊情况下需要给默认宽度,在col 标签加属性flex-basis:50%(宽度),一般情况下不需要在col 标签加属性flex-basis。