![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css样式
oilpastell
这个作者很懒,什么都没留下…
展开
-
vant+vue实现远程搜索和关键字高亮功能
实现效果如图:逻辑代码如下: //html代码 <van-search v-model="searchVal" shape="round" show-action @cancel="onCancel" @search="onSearch" @input="onSe原创 2022-05-30 12:05:50 · 1603 阅读 · 0 评论 -
【单行/多行设置文字超出固定宽度,显示省略号...】
单行省略 width: 135px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;多行省略 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; //如果是两行,这里就写2 overflow: hidden;...原创 2022-05-30 11:43:41 · 109 阅读 · 0 评论 -
解决VUE修改数据页面不重新渲染问题
解决VUE修改数据页面不重新渲染问题开发中遇到问题:在数组对象里面动态赋值,数据更新后,页面却不对应更新原因发现:利用索引直接设置数组对象值,页面不会刷新解决办法一:用$set将值赋值到数组对象的每一项,如果不用set赋值,值正常可以赋值,但是页面不会更新,已踩坑。解决办法二:用Object.assign赋值处理关于Object.assign的使用可参考ES6或者: 以下可参考: Object.assign....原创 2021-10-26 18:08:59 · 1690 阅读 · 0 评论 -
[前端优化一]前端如何避免同时下发两个相同的请求
[前端优化一]前端如何避免同时下发两个相同的请求原因:http在下发请求时,如果不做任何处理,往往会存在点击过多,同时下发多个相同请求,给服务器造成压力,页面卡顿,影响使用。解决方法:以下贴出相关代码:// 请求拦截器axios.interceptors.request.use((config) => { // 发起请求时,取消掉当前正在进行的相同请求 if (config.url.indexOf('system') === -1 && promiseArr[con原创 2021-02-21 11:26:58 · 843 阅读 · 0 评论 -
vue项目中封装弹框为子组件 涉及的相关父子组件传参的问题
【VUE报错】vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “dialogVisib原创 2021-01-28 20:38:12 · 624 阅读 · 1 评论 -
解决element-ui中,数据嵌套太深,表单验证拿不到值的问题
因为后台返回的数据层次结构太深,所以在双向绑定的时候没有一一定义,最后在做验证的时候发现,数据没有定义,直接通过我们的form表单,是拿不到数据的,也做不了验证,就只能整个页面重新规范开发,这里给出应对数据嵌套太深,表单验证拿不到值的解决方法...原创 2020-11-04 17:57:44 · 3564 阅读 · 3 评论 -
element-ui中表格快速渲染方法
以前习惯用v-for遍历后去渲染,后来公司的静态页面都是做好的,只需要渲染数据即可,学到了一个快速的方法1. 将要渲染的表格内容用prop表示出来2. get到的数据用对象保存3. 如果要根据后台返回不同的字段,显示不同的值,可定义formatter函数下面贴出全部代码<template> <div class="voice-info"> <div class="equipInfo-voice"> <div class="原创 2020-11-04 17:12:24 · 2100 阅读 · 0 评论 -
解决element-ui中span标签默认不显示空格问题
最近遇到一个bug,后台返回来的数据有空格,但是前端用span标签渲染上去,空格就自动清除了,找了好久,才发现给span标签添加一行样式,一切都解决了span{ white-space:pre;}快拿去试试吧~原创 2020-10-16 17:02:54 · 4055 阅读 · 2 评论 -
关于Vue项目中使用element-ui组件的upload上传文件遇到的问题
关于Vue项目中使用element-ui组件的upload上传文件遇到的问题1.这里的action可以自定义,写后台上传图片/文件的地址2.上传图片/文件时默认不携带请求头,所以我们需要自己手动去添加请求头,这里的请求头要写在计算属性中...原创 2020-09-16 15:28:42 · 1318 阅读 · 0 评论 -
解决Element-ui中侧边栏最常出现的小问题
1. 解决侧边导航栏收缩后,右侧内容不能一起收缩的问题解决方法:修改width属性值2. 解决侧边导航栏不能平铺整个页面解决方法:给导航栏最小高,单位用vh这里补充vh vw的用法vh:相当于浏览器的高度vw:相当于浏览器的宽度例如:calc(100vh - 10px) 表示整个浏览器窗口高度减去10px的大小...原创 2020-08-17 10:41:28 · 4288 阅读 · 1 评论 -
css实现图片变灰
今天设计图上有需求是给图片一个hover效果,让图片变灰,这里我们可以尝试用css的灰色滤镜代码如下: //html结构 <img :src="item.img" alt @click="$router.push('/after')" /> //css中的样式 img { width: 250px; height: 250px; ...原创 2020-04-15 16:13:53 · 1180 阅读 · 0 评论 -
关于Ubuntu字体在浏览器显示失效的解决方法
关于Ubuntu字体在浏览器显示失效的解决方法最近一直在做公司国外的官网,独立开发,前端小菜鸟会遇到很多问题,解决方法就是在网上找各种博客汲取经验,今天公司UI设计出了一个新的页面字体,我就直接设置上去了,但是明明font-family:Ubuntu设置好了,字体也没生效,才发现font-family里面没有这类字体导致无法生效,如果再次遇到同样的问题,使用以下代码即可解决需要什么字体就导入什...原创 2020-04-09 11:43:47 · 640 阅读 · 0 评论