![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
问题汇总
项目中遇到的问题
海绵杨宝宝
用最通俗的话解释世界。
展开
-
项目中遇到的问题8:修改ele-ui的样式不生效
问题描述:在vu项目中,我们都会使用到ele-ui的组件,但麻烦的是在调节组件的样式的时候,总会出现不生效的情况,这是因为ele-ui有自己的样式,我们想要修改就要用自己的样式覆盖ele-ui本来的样式,而我们的样式一般都会写在中,这样会导致覆盖的样式不生效解决方法1<style lang="less" scoped>// 取消打印功能默认的左右边距@media print...原创 2019-12-30 17:41:52 · 847 阅读 · 0 评论 -
项目中遇到的问题7:element-ui的table组件,给某些列设置了fixed属性后,滚动条无法拖动
问题描述在使用ele-ui的table组件时,给前四列设置了fixed属性,让前四列可以固定,不随着滚动条滚动移动,结果发现设置后,拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了fixed属性的列把滚动条覆盖了,一般是看不到,但是把页面缩小就发现了,如下图:解决方法:.el-table__fixed { height:auto !important; // 让固定列的高自...原创 2019-12-27 16:10:31 · 3585 阅读 · 2 评论 -
项目中遇到的问题6:小数转换成百分数
原理:把小数*100,然后使用toFixed选择保留几位小数,再进行字符串拼接一个%function f(num) { if (num == 0) { return `0%`; } var str = Number(num * 100).toFixed(2); str += "%"; return str;}console.log(...原创 2019-12-27 11:30:16 · 342 阅读 · 0 评论 -
项目中遇到的问题5:单击复制文本
<span id="copy">要复制的文本</span><p onclick="clickCopy()" style="color: #66b1ff">点击复制</p><input id="copyContent" type="text" style="border:none;opacity:0;position:absolute;top...原创 2019-12-24 12:00:46 · 149 阅读 · 0 评论 -
项目中遇到的问题1:iframe嵌套跨域内容,src变更但内容未刷新问题
**问题描述:**在A页面中通过iframe嵌套了B页面,B页面的内容是通过A页面的query里面的参数请求到的使用watch监听了route变化,当query中传入的参数变更后就需要让iframe的src和内容同步变更,但在项目过程中,iframe随着变更了,但是iframe中的内容却没有同步更新在网上查询到了下面的解决方法:方法1:document.getElementById(ifr...原创 2019-11-28 15:50:59 · 2113 阅读 · 0 评论 -
项目中遇到的问题2:写好的页面右击打印预览出现空白
写好了一个页面,因为想让用户可以保存成PDF,在谷歌浏览器自己试了下,如下图,左侧和内容中间出现了空白区域:尝试了很多办法都没解决,就把中间内容的样式注释了重新检查,发现我在写页面的时候为了让内容在一行显示使用的时flex布局,后来改成了float:left;再右击打印预览内容部分的空白消失了,但是左侧的灰色区域还存在。在测试的过程中发现是因为浏览器的打印自带了边距所以出现了这个问题,在CSS...原创 2019-12-05 16:22:18 · 1038 阅读 · 0 评论 -
项目中遇到的问题3:给数字指定长度,长度不足的时候在前面补0
问题描述:在项目中遇到产品要求自动生成序号,序号要求是四位,如果不足四位就以0补充,例如一个数字是32,则显示应该为0032以下使用num代表需要转换的数字,length代表需要保留的位数解决方法1:let num = 38;function fn(num, length) { return (num/Math.pow(10,length)).toFixed(length).subst...原创 2019-12-06 10:24:54 · 890 阅读 · 0 评论 -
项目中遇到的问题4:请求数据,并用watch监听,刷新页面会执行两遍接口
问题描述:通过项目ID向后端请求数据,数据请求成功后会向数组中push内容,通过watch监听项目ID变化后重新执行这个方法,但接口会执行两遍,数组中也会被push两次,在请求中清空了数组但依然会push两次内容,所以页面显示也会出错原代码如下:// data中定义了一个空数组studentData,请求到数据后向这个数组中push数据data() { return { ...原创 2019-12-17 16:51:59 · 3041 阅读 · 0 评论