
前端 vue
大懒猫呀
这个作者很懒,什么都没留下…
展开
-
vue调用子组件作为弹窗时只执行一次created问题
解决办法:用v-if将子组件包裹起来,因为v-if=false时可以将子组件销毁掉,再次调用时重新渲染补充知识:vue如何每次打开子组件弹窗都进行初始化 :visible.sync 与 v-if同时使用即可原创 2022-04-01 21:17:49 · 2330 阅读 · 0 评论 -
vue axios多次请求一个接口取消前面请求
方法一 var CancelToken = axios.CancelToken; var source = CancelToken.source(); // 每次调用接口之前都赋值一下 不然不会触发请求 axios.get('/user/12345', {//get请求在第二个参数 cancelToken: source.token }).catch(function(thrown) { }); axios.post('/user/12345',原创 2022-04-01 21:14:09 · 1612 阅读 · 0 评论 -
vue elementui中选择器(select)多选时添加全选功能
存在这样一个问题,当下拉列表中的选项过多时,想要全部选中,目前elementui的select多选中没有提供全选功能,想要解决这个问题分为以下步骤首先将从后台获取过来的下拉列表数据中添加一个”全选“的选项 当选中项发生变化时进行一系列判断 1、当前选中数据中存在’全选‘的选项,则将下拉数据赋值给v-model绑定的数据 2、与旧数据(上次选中数据)进...原创 2019-12-24 17:08:46 · 7517 阅读 · 2 评论 -
vue Elementui 引入第三方icon(阿里矢量库)
在做项目的过程中,发现elementui图标比较少,根据ui好多图标都没有,被迫只能通过引入第三方图标啦,自己通过参考其他教程,整理一下过程呀首先呢 需要去阿里矢量图库注册账号呀接下来,需要新建项目 打开“图标管理”中“我的项目”,点击新建emmm,填写项目名称与那个什么什么前缀,名称可以任意,需要注意前缀不可以和elementui前缀相同哦,填写完后点击新建就可以啦继续呀, ...原创 2019-11-12 15:04:57 · 1928 阅读 · 0 评论 -
vue+elementui 折叠面板的全部展开与全部显示功能
最近的项目中涉及到了折叠面板的全部展开与全部显示功能下面就大致的总结一下第一种情况:开始显示全部展开(这时面板全部都是收缩的),当其中的一个面板被手动打开,那么就显示全部收缩(这时面板至少一个被打开)这个是比较简单的,看一下怎么实现吧!1. 首先需要在折叠面板中绑定activeName,activeName用来装每个面板的唯一标识<el-collapse v-model="...原创 2019-11-11 10:03:03 · 19608 阅读 · 2 评论 -
vue Echarts 自适应问题
上篇讲了Echarts饼图的具体使用方法下面说下做项目过程中遇到的图的自适应问题1. 适应浏览器窗口(上篇的具体代码中有哦)window.onresize = myChart.resize //自适应浏览器窗口的大小2.最近的项目中,由于页面上有侧边栏,侧边栏进行收缩时,饼图不能自适应,windows自带的resize只能监听到窗口的变化,要解决的是监听某个元素区域的变化而使...原创 2019-11-08 10:40:46 · 453 阅读 · 0 评论 -
vue Echarts之饼图的详解
最近项目中用到了Echarts,下面就来说下具体是怎么用的吧一、安装Echarts npm install echarts --save二、在main.js中引入import echarts from 'echarts'Vue.prototype.$echarts = echarts三、接下来要详细的介绍饼图的使用啦在具体组件中进行引用(就像通过import...原创 2019-11-08 10:26:58 · 5071 阅读 · 2 评论 -
vue 父子组件传值 子组件修改父组件值的解决办法
最近在前端项目中遇到了父子组件传值的问题...vue中父组件向子组件传值时,其父子prop之间形成单向下行绑定,反过来则不行,这样会防止子组件意外改变父组件的值,从而数据流变的难以理解;另外,每次父组件的数据发生更新时,子组件的都会刷新到最新的数据,但不能改变子组件内部改变prop,这样浏览器就会发出警告解决办法来啦解决办法一、子组件想要修改时,需要通过$emit派发一个自定义事件,父...原创 2019-11-08 09:17:28 · 12582 阅读 · 2 评论