logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

类似echarts图的思维导图效果,用js实现xmind思维导图的效果===使用jsMind来实现

首先:我先先来看看实现的效果:然后我再说说具体实现的步骤吧:(别急文件后面我会把百度网盘链接发出来的,除了小案例外还有jsMind的文件,案例,目前的说明文档)第一:引入jsMind的css.js文件第二:页面添加一个容器:第三:也是最重要的js部分了(后面会有整个页面的代码)好了,知道贴图大家肯定不得劲,我也是,网上找的资料不能拷贝真的...

vue,打包完以后出现的问题,element的icon图标找不到,文件,图片路径问题等

在vue打包完,发现很多问题,来整理下:第一:使用element框架的icon时候,开发环境下是没有问题的,打包完以后出现小方块,页面不显示,解决办法:找到utils.js文件,加publicPath: '../../'function generateLoaders (loader, loaderOptions) {const loaders = options.u...

element的input框type=“number“,maxlength属性失效

前言:在使用element input框type=“number”,maxlength属性不起作用问题发现:maxlength属性对type="number"类型的输入框无效,text类型亲测有效解决方法如下:加一个oninput,限制多少位数就多少oninput="if(value.length > 4) value=value.slice(0, 4)"<el-inputv-mode

#elementui
vue+iview4.0 , vue+element实现下拉框可以自定义输入内容

前言:最近10月的时候 iview4.0 更新了,但是一直在忙也没用到,正好因为要实现一个下拉框里面我要自定义输入内容的效果,element里面是有这个效果,antd里面没有,因为本项目用的iview,也不能因为一个效果直接换框架,就更新项目中的iview到4.0版本了;先看看效果图:1、iview4实现的单选增加2、element实现的多选增加第一:用...

自己封装的element-ui的table插件,实现render渲染,插槽等功能

前言:再通过使用element-ui和iview这两种框架的table时的对比发现,iview比ele有个优点就是,他中间支持render渲染,但是iview的事件又是明显少于ele的,比如我们需要右键的事件,或者点击表头的事件,在iview是得不到解决的,所以在这里我对element的table进一步封装,使得他可以更好的满足我们的需要:首先我在这里是需要引入两个组件的:(先代码,再谈谈...

免费获取echarts需要的省市县(区)的json数据

因为最近项目需要用echarts引入地图,最关键还是县一级的地图。所以今天找了好多资料,好多是要积分,而且还不是详细,只是到省市,满足不了我的需求,现在实现了一个效果,所以对资料做个整理:先看效果:(注意县级是底了,乡镇是实现不了的)方法一:http://datav.aliyun.com/tools/atlas/#&lat=24.9792116201569&lng=...

el-upload+额外的参数 , element上传功能组件及其参数的详解

前言:我们使用element-ui的时候,可能会有一个需求要给后台传入额外的值,我这边是遇到了,然后通过找到各种资料解决了,现在把我的upload的组件分享一下,可以实现导入,导出功能,导入的时候也会有额外的参数---这个是通过?gjlx=,拼接在地址后面实现的;效果图:,导入我需要所以放了出来,导出没有,具体可以看我的组件内容好了,开始放代码...

vue获取file文件的宽高等属性

我们在使用上传方法的时候,是可以拿到文件的file文件的,里面有很多文件信息,比如size大小等信息,但是没有宽高这类的,那么我们上传图片经常会需要这些属性。

文章图片
#前端#elementui
element的tree设置可以换行,不换行显示省略号

前言:对element的tree进行二次处理,让他的内容多的时候可以自动换行实现效果:封装组件subjectTree.vue<template><el-treeclass="subjectTree":data="data":props="defaultProps"@node-click="handleNodeClick"><div slot-scope="{ node

#elementui
基于element的swiper立体轮播一页显示多个,中间的立体显示

前言:element中功能是挺多的额,包括了支持一页显示多个,中间的立体显示效果实现效果:实现步骤:1.基于element的走马灯进行二次封装的swiper.vue<template><el-carouselclass="swiperUl":type="swiperType":height="swiperHeight":initial-index="initialIndex":t

    共 197 条
  • 1
  • 2
  • 3
  • 20
  • 请选择