logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue中如何拦截阻断element-ui tab组件切换

首先我们来看下element-ui tab组件中的描述那么就是说在before-leave这个回调函数触发之后,必须给这个方法一个返回值,返回false则会阻止tab页面跳转,否则发生跳转我的业务场景:用户切换到当前tab页之后会对当前页面数据做操作,操作之后如果不点击保存,跳转tab页,则提示用户“当前页面未保存”,否则成功跳转,如图效果代码如下,看官网对confirm是如何描述的,“我们将用P

axios.create的理解以及在VUE项目中为何要对axios进行封装

最开始学习的时候,一直不太理解axios中create的用法,今天来大概聊聊进入公司后,发现公司并不是用的axios去获取接口,而是对axios进行了一次封装,因为我们的项目比较庞大,接口并没有部署在同一台服务器上,在config将服务器地址代理到两个域名上proxyTable: {'/wsq': {// target: 'http://127.0.0.1:8080', // 设置你调用的接口域名

vue前端下载文件的2种方式

以下两种方式下载适用于后端返回了文件的url下载地址var x = new XMLHttpRequest();x.open("GET", url, true);//url为文件的下载地址x.responseType = "blob";//二进制文件// x.withCredentials = true; //如果跨域x.onload = function(e) {

#vue.js
vue中实现当文本超长时,中间显示省略点,两端文字显示

最近做一个资源共享的需求,要求将资源名称,共享目标人的工号一定要显示出来,也就是文本超长,显示省略点,但是如果使用css,文本超长省略号会在末尾显示,因此利用js截取来实现//获取字体是为了计算文本所占用的宽度,必须传递一个dom节点,随便选择一个即可,因为系统的字体都是一样的mounted(){// 获取系统字体this.getFontFamily(document.getElementById

#javascript#vue.js
在vue中如何判断滚动条到达底部

mounted(){//在生命周期函数mounted中console.log(this.$refs.veriface,'智能切分滚动组件实例')//具有滚动条的dom元素,this.$refs.veriface.addEventListener('scroll', (e)=>{// console.log(e,'滚动条滚动触发')var scrollTop = e.target.scroll

#es6
vue表单校验clearValidate失效问题解决

// this.$refs.nowFileform.resetFields();setTimeout(function () {_this.$refs.nowFileform.clearValidate();//消除校验,这里的setTimeOut不能去掉,去掉之后会不生效},30);至于原因,不知道,希望有直到大佬告诉我一下...

#bug
vue+echarts+3D地图 制作大屏

基于3d地图做的一些效果,首先看下效果图用户不直接操作地图,因为是大屏,只做展示使用,右边列表有两种模式,如果列表数据没有撑开盒子,每3秒轮播高亮,高亮到那个地区,地图上就高亮那一块区域,且显示对应的tooltip(这里没有使用echarts中的tooltip,因为高亮地图的时候,2d地图可以主动触发tooltip出现,但是3d里面不支持,所以这个弹框是我自己写的,因为项目中只有3个地区的数据,只

#echarts#vue.js#3d
史上最全,在vue中使用ztree实现树形结构(第三篇)

首先看上面这个图,可能和ztree联系不起来对不对,不要怀疑,上面就是用ztree来实现的,只不过dom是我们自己定义的而已,可能很多人忽略了ztree的name属性,其实这个属性非常重要,可能很多人觉得,如果需要自己自定义dom,为什么不在ztree提供的addDiyDom中去操作呢?在公司呆了4年,现在想来最深的感受就是,凡是涉及到树性结构的,统统选择ztree准没错,我是ztree的忠实爱好

文章图片
#vue.js#javascript#前端
vue+echarts+3D地图 制作大屏

基于3d地图做的一些效果,首先看下效果图用户不直接操作地图,因为是大屏,只做展示使用,右边列表有两种模式,如果列表数据没有撑开盒子,每3秒轮播高亮,高亮到那个地区,地图上就高亮那一块区域,且显示对应的tooltip(这里没有使用echarts中的tooltip,因为高亮地图的时候,2d地图可以主动触发tooltip出现,但是3d里面不支持,所以这个弹框是我自己写的,因为项目中只有3个地区的数据,只

#echarts#vue.js#3d
史上最全,在vue中使用zTree实现树型结构(第二篇)

对于不存在接口当中的数据,但是我页面又需要展示,也就是节点的操作(熟悉ztree的都知道,节点操作其实是最简单的,只要按照ztree的规则组装节点,什么复制节点,移除节点,添加节点巴拉巴拉都是小问题);我的右键菜单中,大家可以看到有复制/移动功能,且我页面上是有三颗没有任何关联的树,当我使用复制/移动功能将某一个节点移动到其他树上的时候,需要将当前树的节点移除,而目标树新增一个节点(其实实现真的超

文章图片
#前端#javascript#css
    共 15 条
  • 1
  • 2
  • 请选择