![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 52
weixin_54362826
这个作者很懒,什么都没留下…
展开
-
echarts地图设置label引导线
当地图中标点过多时,位置标签会被遮挡,此时可为label添加引导线地图样式 type:effectScatter ,散点图在所需要标点的位置上设置 series为 type:lines,路径图再将路径图的 series push 进去就好了路径图要设置 coords,路径的坐标,即起点和终点,可将位置的经纬度加减一个随机数let data = [] dataList.map(v => { let obj = {name:'',value原创 2022-01-08 11:08:20 · 3010 阅读 · 0 评论 -
Vue 项目知识点(三)
使用 elementUI 中的 el-radio-group 回显后端数据时,需要将 v-model 的值的类型与回显数据类型相对应,否则无法回显出选中的效果原创 2021-12-13 13:57:27 · 495 阅读 · 0 评论 -
【无标题】Vue 中 使用 DataV 创建胶囊柱图
官网地址:http://datav.jiaminghi.com/guide/capsuleChart.html#%E5%9F%BA%E6%9C%AC%E7%A4%BA%E4%BE%8B最终实现效果:由于需要调接口从后端返回数据,但是将调接口的函数和渲染的柱图写在同一个页面时,无法获取后端数据,于是我将调接口的函数写在了 js 文件中,再在页面中引入又由于调接口的请求是异步请求,又会导致先渲染页面,后成功调回数据,导致页面数据为空于是,在调接口时,返回了一个 promise ,只有当成功请求数据后原创 2021-11-20 10:35:28 · 3093 阅读 · 1 评论 -
Vue 项目中 高亮搜索关键字
参考链接:https://blog.csdn.net/wh13821662259/article/details/114652229原创 2021-10-30 10:31:59 · 378 阅读 · 0 评论 -
Elementui:el-table 结合 filters 实现表头的筛选过滤功能
<el-table-column prop="location" label="安装位置" align="center" min-width="160" :filters="LocationList" :filter-multiple="false" :filter-method="typeFilter" filter-placement="bottom-start"原创 2021-10-22 15:09:45 · 4838 阅读 · 0 评论 -
Vue 项目中以文件流 blob 形式下载 pdf、excel 文件
引入 axios,使用 axios 发送请求let m=this.$message({ message:"下载中......", type: 'info', duration: 0})axios({ method: "get", url: this.commonURL+"/plan/" + row.taskId, responseType: 'blob'}).then((res) => { const link = document.creat原创 2021-10-20 16:55:12 · 1133 阅读 · 0 评论 -
Vue 项目知识点(二)
::v-deep 可代替 /deep/ 和 >>> 在 vue 中实现对样式的深层穿透nth-of-type(),是当前元素父元素的同类型元素的第几个子元素nth-child(),是当前元素父元素的第几个子元素,只使用一个类名及当前类名为子元素.label dev:nth-child() ,当前元素为 dev ,父元素为 .label.label:nth-child() ,当前元素为 .label ,父元素为 .label 的父元素...原创 2021-10-20 11:05:35 · 153 阅读 · 0 评论 -
window.print()打印表格并且分页时动态添加表头
方法一:获取当前表格内容高度,达到某一值后分页(失败)通过 offsetHeighet 获取到元素高度let arr = document.getElementsByClassName("bodyDetail")let heightNum=0; //累加的高度let onePage=1300; //第一页的高度for(let i in arr){heightNum+=arr[i].offsetHeightif(heightNum>onePage){this.thead[i]=true;原创 2021-10-03 21:28:26 · 1567 阅读 · 0 评论 -
Vue 项目知识点(一)
对于后端接口回显回来的数据,将其展示到表单中无法修改的问题– 用 JSON.parse(JSON.stringify()) 先将其转为 json 字符串,再转为对象,即可修改表单数据要加 rules 验证时,验证的数据必须是表单 model 数据中的某个属性el-upload 上传图片,只能上传一张时,用 on-change 事件关联的方法,改变 fileList 的 url 即可new Date() 的标准时间可以直接比较大小,单纯的时间字符串 '09:00:00' 和 '10:00:00' 比.原创 2021-09-09 00:12:48 · 62 阅读 · 0 评论 -
Vue 中同时使用 v-if 和 v-for 报错
在 Vue 中使用 v-for 循环一个数组/对象时,如果再使用 v-if,那么会提示使用计算属性(能正常使用),因为 Vue 中是不提倡 v-for 与 v-if 同时使用<div v-if="notice" v-for="item in notice" :key="item.id" class="bulletin-container">此时提示错误,但不影响项目正常运行修改方法:<template v-for="item in notice"> <div v原创 2021-07-12 09:16:45 · 420 阅读 · 0 评论 -
coderwhy-vue-supermall笔记
文章目录一、耦合解耦:例:封装多个数据的请求二、发送网络请求created保存数据简化 created 中的代码一、耦合耦合是指两个或多个体系或运动形式间通过相互作用而彼此影响以至联合起来的现象。对象之间的耦合度就是对象之间的依赖性。对象之间的耦合越高,维护成本越高。解耦:降低耦合度,让数据模型、业务逻辑和视图显示三层关系降低耦合,把关联依赖降到最低,不至于牵一发而动全身。例:如果两者间需要交互,可以通过接口、通过消息、甚至引入框架,就是不要直接交叉写。观察者模式:解耦的模式,它使观察者原创 2021-05-06 12:59:52 · 2123 阅读 · 1 评论 -
Vue 生命周期
目录Vue 生命周期1. beforeCreate2. created2.1 在实例创建完成后被立即调用2.2 发送请求获取后台数据2.3 将数据保存到 data 中2.4 created 钩子中代码要简化3. beforeMount4. mounted4.1 实例被挂载后调用4.2 vm.$nextTick5. beforeUpdate6. updated7. activated8. deactivated9. beforeDestroy10. destroyedVue 生命周期生命周期就是 Vue原创 2021-05-05 15:57:54 · 202 阅读 · 0 评论 -
尚硅谷VUE技术教程(基于vue2.5录制,vue.js快速入门)----学习笔记
参考:尚硅谷教程目录一、介绍二、基本认识1. 遵循MVVM模式2. 创建一个Vue实例一、介绍Vue是一套渐进式框架,用来动态构建用户界面(view)。二、基本认识1. 遵循MVVM模式M:model,数据对象(data中的数据)V:view,模板页面(页面中所显示的内容),是动态的html页面,VM:VueModel,new 的Vue对象,也就是vm对象2. 创建一个Vue实例<body> <div id="app"><!-- view 所要显示的原创 2021-04-06 14:41:12 · 1076 阅读 · 0 评论