项目小碎片,记录一下

109 阅读1分钟

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。