vant+vue实现远程搜索和关键字高亮功能 实现效果如图：逻辑代码如下： //html代码 <van-search v-model="searchVal" shape="round" show-action @cancel="onCancel" @search="onSearch" @input="onSe
【单行/多行设置文字超出固定宽度，显示省略号...】 单行省略 width: 135px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;多行省略 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; //如果是两行，这里就写2 overflow: hidden;...
解决VUE修改数据页面不重新渲染问题 解决VUE修改数据页面不重新渲染问题开发中遇到问题：在数组对象里面动态赋值，数据更新后，页面却不对应更新原因发现：利用索引直接设置数组对象值，页面不会刷新解决办法一：用$set将值赋值到数组对象的每一项，如果不用set赋值，值正常可以赋值，但是页面不会更新，已踩坑。解决办法二：用Object.assign赋值处理关于Object.assign的使用可参考ES6或者： 以下可参考: Object.assign....
解决VUE修改数据页面不重新渲染问题 解决VUE修改数据页面不重新渲染问题开发中遇到问题：在数组对象里面动态赋值，数据更新后，页面却不对应更新原因发现：利用索引直接设置数组对象值，页面不会刷新解决办法一：用$set将值赋值到数组对象的每一项，如果不用set赋值，值正常可以赋值，但是页面不会更新，已踩坑。解决办法二：用Object.assign赋值处理关于Object.assign的使用可参考ES6或者： 以下可参考: Object.assign....
解决VUE修改数据页面不重新渲染问题 解决VUE修改数据页面不重新渲染问题开发中遇到问题：在数组对象里面动态赋值，数据更新后，页面却不对应更新原因发现：利用索引直接设置数组对象值，页面不会刷新解决办法一：用$set将值赋值到数组对象的每一项，如果不用set赋值，值正常可以赋值，但是页面不会更新，已踩坑。解决办法二：用Object.assign赋值处理关于Object.assign的使用可参考ES6或者： 以下可参考: Object.assign....
前端将xml格式数据转换成json格式数据的数据处理 使用插件：x2js this.$request('PROPFIND', url, headers, body).then( res => { var basicData = this.$x2js.xml2js(res.body).multistatus.response; console.log('原始数据',basicData) let detailDate = []; basicData.forEach( i => {
[前端优化一]前端如何避免同时下发两个相同的请求 [前端优化一]前端如何避免同时下发两个相同的请求原因：http在下发请求时，如果不做任何处理，往往会存在点击过多，同时下发多个相同请求，给服务器造成压力，页面卡顿，影响使用。解决方法：以下贴出相关代码：// 请求拦截器axios.interceptors.request.use((config) => { // 发起请求时，取消掉当前正在进行的相同请求 if (config.url.indexOf('system') === -1 && promiseArr[con
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
关于element-ui中使用table表格相关问题 关于element-ui中使用table表格相关问题1.hover某一行时修改背景颜色可引入固定代码.el-table--enable-row-hover { .el-table__body tr:hover > td { background: #E6FFF7;//这里写你想切换的颜色 }}`2. 固定表头当你的表格某一行需要hover或者active增加一定的样式或效果时，你会发现样式效果加上后，表头就算是固定宽度，但是还是会出现不断闪烁，这时候可在 总css文件里面
解决element-ui中，数据嵌套太深，表单验证拿不到值的问题 因为后台返回的数据层次结构太深，所以在双向绑定的时候没有一一定义，最后在做验证的时候发现，数据没有定义，直接通过我们的form表单，是拿不到数据的，也做不了验证，就只能整个页面重新规范开发，这里给出应对数据嵌套太深，表单验证拿不到值的解决方法...
element-ui中表格快速渲染方法 以前习惯用v-for遍历后去渲染，后来公司的静态页面都是做好的，只需要渲染数据即可，学到了一个快速的方法1. 将要渲染的表格内容用prop表示出来2. get到的数据用对象保存3. 如果要根据后台返回不同的字段，显示不同的值，可定义formatter函数下面贴出全部代码<template> <div class="voice-info"> <div class="equipInfo-voice"> <div class="
解决element-ui中span标签默认不显示空格问题 最近遇到一个bug，后台返回来的数据有空格，但是前端用span标签渲染上去，空格就自动清除了，找了好久，才发现给span标签添加一行样式，一切都解决了span{ white-space:pre;}快拿去试试吧~
关于Vue项目中使用element-ui组件的upload上传文件遇到的问题 关于Vue项目中使用element-ui组件的upload上传文件遇到的问题1.这里的action可以自定义，写后台上传图片/文件的地址2.上传图片/文件时默认不携带请求头，所以我们需要自己手动去添加请求头，这里的请求头要写在计算属性中...
Vue 解决项目中重复点击相同路由报错问题 报错内容vue-router.esm.js?8c4f:2089 Uncaught (in promise) NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”, message: “Navigating to current location (”/changePassword") is not allowed", stack: “Error↵ at new NavigationDupli
Vue项目中实现简单的权限管理 一，页面级别的权限管理（通过角色判断能否进入该页面）1.添加路由元信息，定义各个页面的角色数组2. 在导航守卫中，判断用户的角色是否存在于数组中，存在即可访问3. 优化一下：用户不能访问的页面，左侧的导航栏上也应该设置隐藏二，按钮级别的权限管理（不同的角色使用页面，可操作的功能不同）1. 抽取文件directive/directive.js ，自定义指令并在main.js中导入2. 在不同的页面，根据用户角色对按钮的使用权限插入自定义属性...
解决Element-ui中侧边栏最常出现的小问题 1. 解决侧边导航栏收缩后，右侧内容不能一起收缩的问题解决方法：修改width属性值2. 解决侧边导航栏不能平铺整个页面解决方法：给导航栏最小高，单位用vh这里补充vh vw的用法vh：相当于浏览器的高度vw：相当于浏览器的宽度例如：calc(100vh - 10px) 表示整个浏览器窗口高度减去10px的大小...
关注
