实习
文章平均质量分 53
spring39
这个作者很懒,什么都没留下…
展开
-
文本超过一行显示展开收起,并且拼接到文本末尾处
直接先贴实现效果, 由于是改bug,页面是别人写的,这是我能完成的最终样子, 由于要完成这个搜索的带颜色提示,后端返回的只是单纯的文本,但是要给他颜色的话,就必须要整成html标签加文本的形式,这里采用了一个方法来把它替换成带有颜色的文本。直接来整篇代码 讲一下核心思想, 可以看到这里就是下面展现的内容,由于是有html标签,所以是要用v-html来展示, 多次用到绑定样式的思想,以及通过flag来判断是否展现,最主要的是通过文字长度*文字大小来和容器宽度比较,如果大于容器宽度就说明多于一行,就得展现展开和原创 2022-08-23 17:57:11 · 478 阅读 · 1 评论 -
实习关于快速修改element ui中input框的样式问题
需求是需要把input框中clearable带出的icon样式也进行修改。我认为他是用的这个里面的那个el-icon-error的content。虽然感觉每一个的content都一样,但是复制到代码里面显示是不一样的。如果再用slot的话,就要自己写点击清除功能,还有一些另外的逻辑。可以f12查看每一个图标的content复制过去。这里的suffix只是修改尾部的icon样式。这里两种方式,直接用css来控制。由于需要根据ui设计成这个样子。......原创 2022-07-18 17:38:41 · 2978 阅读 · 0 评论 -
实习中element ui中表格组件为空数据时的样式修改
element ui 组件中不可能拿来就直接进行使用,大多数都是要自己根据ui来修改样式的,需求所要实现的效果如下图 这里他是把表格顶栏也没有了,感觉还要判断这个数据返回回来是不是为空,为空这样显示,不为空再把表格渲染出来,感觉很麻烦,所以就退而求其次,修改表格组件的空数据样式就ok了, 在全局less样式中加上 背景图片就是项目中的图片进行替换就行 最终实现结果...原创 2022-07-11 17:38:18 · 1669 阅读 · 0 评论 -
实习中关于element ui中一些全局样式修改的问题
element ui 中loading样式修改实现的样式为下图 由于这个是一个全局的组件,所以单独引入 默认的样式是这样的 如要对其进行大修改,加上customClass: 'create-isLoading’是关键点 这里就要在全局样式文件里对样式进行修改,项目中用的是less样式文件,所以在less中 最终实现结果...原创 2022-07-11 17:24:29 · 1120 阅读 · 0 评论 -
实习中关于多选框双向数据绑定的问题
这里是需要调两个api,一个是根据这个产品的id取到,这一行数据的pe1的人员内容,另一个api是要获取到,这个pe1的下拉列表,将这个下拉列表与pe1人员进行绑定。 如下图 这里会出现一个问题,如果在这个el-drawer组件在显示出来的时候获取下拉列表,会出现下拉列表无数据的情况,初步判定是请求还没返回数据就已经显示了,所以采用的策略为,在点击人员权限标签时,就发送请求获取pe1下拉列表。 获取到数据后就是处理数据的阶段 多选框绑定数据为pe1数组, 选项中绑定获取到的pe1下拉数据列表,这里的pe原创 2022-07-11 17:11:10 · 1186 阅读 · 0 评论 -
实习中get请求中传递数组参数的解决办法
项目上用的axios请求,后端需要接受的参数是在url上拼接上传递的数据 类似 这里出现一个问题,在axios的params字段上直接传递一个数组和对应的id是不行的,用json.stringify也不不行 比如 这样在get方法上是不成立的 这里需要借用一个插件qs 这里是npm地址在axio请求拦截器中,判断请求方法为get的同时,参数里面要有数组对象,这时再采用qs的插件功能, 不然所有的get请求都会采用这个插件,可能会导致报错,这里贴上代码 首先判断参数的所有对象是否为数组方法,遍历对象的所有属性原创 2022-07-11 16:15:18 · 4952 阅读 · 1 评论