E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
VUE+iview
基于
vue+iview
时间选择插件封装处理
不定期更新{{label}}至最近:一周1个月3个月半年一年exportdefault{//disableDate禁用日期string(beforeToady,afterToady)props:['startTime','endTime','disableDate'],data(){return{params:{status:'',startTime:null,endTime:null},isBr
晴天有点孤单
·
2020-07-14 19:43
#
JavaScript
#
HTML+CSS
前端开发
晴天有点孤单
#
三方插件
form表单中关于一条form-item中多个必填项的prop设置
项目的技术支持:
Vue+iView
项目要求如下:输入链接一栏中两个输入框都必须填写并验证。
ygman
·
2020-07-14 16:01
Vue
iView
vue 常见数据增删改查,
需求:数据的增删改查场景:
vue+iview
点击增加,抽屉填写内容,保存数据,修改数据实现:1list列表父组件增加2增加,修改页面子组件保存关闭1"@click="delDic(index)"/>3父子组件之间传参
SmileGirlXX
·
2020-07-14 06:09
vue
js
vue+iview
爬坑之路(vscode)
快速开始要使用此模板,请使用vue-cli搭建项目。建议使用npm3+以获得更有效的依赖关系树。#$npminstall-gvue-cli$vueinitwebpackmy-project$cdmy-project$npminstall$npmrundevnpmrundev启动Node.js本地开发服务器。有关更多详细信息,请参见开发期间的API代理。Webpack+vue-loader用于单文件
赖不活
·
2020-07-14 04:03
体验Blazor使用UI组件偷懒
开始考虑的是方案借口
Vue+iView
懒癌,不想两个项目互相切换,Vu
一个技术渣
·
2020-07-13 00:06
c#
blazor
.net
core
C#
html
javascript
vue+iview
框架前端页面实现分页
项目总结:分页描述效果前端代码后端代码描述前面提到了项目做搜索的时候结合了分页,现在把分页简单总结下效果前端代码data(){}里要初始化total(数据显示总数)、pageNo(当前页面)、size(每页条数)goPage(n){n=n||1;this.req.pageNo=n;this.loading=true;this.$global.get("report/list",this.req).
氵冫、
·
2020-07-11 19:26
前端
#
Vue+Iview
基于Web的Linux远程维护、调试工具 - rtty
服务端采用GO语言实现,以及使用了
vue+iview
。你可以基于你设置的设备ID(不设置则为设备的MAC地址)通过Web浏览器访问你的任意一台终端。
奋斗-永无止境
·
2020-07-09 10:19
vue+iview
的菜单与页签的联动
最近在使用
vue+iview
开发一个后台管理类的系统,希望做一个点击左侧菜单右侧的页签与内容都能相对应的改变。但搞了好久的路由也没有实现这个功能。
Elsa_xiaonan
·
2020-07-08 00:39
vue学习
JavaScript学习
vue+iview
分页及查询功能实现
vue+iview
分页及删、查功能实现首先要想实现分页功能必须得知道当前页码、每页大小、总数目。
吴一尘
·
2020-07-07 23:07
VUE
关于图标的显示不全问题overflow-hidden
直接上图了,上面就是错误的bug的地方找了好久的呀,用的是
vue+iview
的项目,然后用的是iview的slider滑块,看的demo都是合适的(其实并咩有看的很仔细,因为就是和原来的代码不一样)因为我们重置了原来代码的样式
Celine_xn
·
2020-07-07 17:04
html/css
vue
vue+iview
项目中遇到的坑及解决方案
vue:1.父组件应用子件,加载执行的方法会加载父组件的时候一并加载。处理方式是,在调用子件方法的时候再调用或者监听某个属性改变的时候再触发方法。2.父组件给子件传递对象值在子件修改的时候会链式改变父子件中的值。处理方式是,1.可以将对象转成字符传再转成对象进行修改。2.可以使用深拷贝Object.assign()方法拷贝个新的对象。3.怎样在全局使用vue实例。可以在main.js中把vue实例
弹琴弹琴
·
2020-07-01 18:11
Vue点滴知识
vue+iview
通过a标签实现文件下载解决方法
vue+iview
通过a标签实现文件下载方法一:注意:如果下载的文件放在本地目录下,一定要将模板文件放到public目录下,否则由于权限问题找不到文件路径:项目更目录–》public–》tpls–》下载模板
小方块的世界
·
2020-06-29 13:44
vue
JavaScript
iview
vue+iview
动态渲染表格(iview插件table)
vue+iview
动态渲染表格(iview插件table)效果图(表格头部和表格主体都是动态渲染)重要代码(第一次使用csdn博客,如果有代码遗漏,评论我会回复哦!!?)
失眠的咕噜
·
2020-06-29 12:20
Vue+iview
封装自定义输入组件
Vue封装自定义组件就和上篇的React有些许不同。众所周知,vue的数据是单向流动的,使用v-model可以完成双向绑定首先我们一样的先写一个vue的父组件再写一个子组件在这里我们可以看到,父组件中子组件使用v-model双向绑定数据,但是子组件不能再使用v-model绑定,因为content是由上层组件传过来,依照vue的规范,props是不能被更改的,所以我们需要手动写一个v-modelv-
Aug丶Sunrise
·
2020-06-29 02:53
vue+iview
实现可编辑表格
先简单说明一下,这个Demo引入的vue,iview的方式是标签引入的,没有用到webpack之类的构建工具...毕竟公司还在用angularjs+jq.这也是我第一次写文章,大家看看思路就行了,要是有大佬指点指点就更好了话不多说,先来个效果图我们再看下极为简单的目录结构IViewEditTable##vue+iview实现的可编辑表格└──index.html##首页└──js└──editTa
weixin_33961829
·
2020-06-28 08:12
2019-07-09 基于
vue+iview
七牛云上传组件封装(易改成其他UI)
首先需要npminstallqiniu-js--save接下来是组件代码:选择文件.buttonDiv{display:inline-block;}import*asqiniufrom'qiniu-js'import{getQiniuToken}from"@/api/setcase.js";//这里替换成给自己后端的token获取接口exportdefault{name:'ZhUpload',pr
追寻1979
·
2020-06-27 22:38
vue+iview
通过a标签实现文件下载
vue+iview
通过a标签实现文件下载方法一:注意:如果下载的文件放在本地目录下,一定要将模板文件放到public目录下,否则由于权限问题找不到文件路径:项目更目录--》public--》tpls--
weixin_30263277
·
2020-06-27 15:01
vue+iview
当v-for不渲染问题 因为遇到Modal组件
div#parentButton(@click="data.push(Math.random())")添加spandata:{{data}}div(v-for="indxindata"){{indx}}Modalexportdefault{data(){return{data:[]};}};运行如上代码,当点击添加的时候data这个数组的确在不停的增加数据,但是那个v-for却只增加了一行就再也不
tearsknow
·
2020-06-26 18:48
vue
iview
vue+iview
树型表格
作者:https://javascript.ctolib.com/article/wiki/55707gitHub:https://github.com/huanglong6828/vue-tree-grid1,创建treeGrid.vue(将文件放入components中),其中树型表格的父元素图标不显示,我改了一下(改为ios-arrow-forward和ios-arrow-down),并添加
马小鹿啊
·
2020-06-26 14:54
创建
vue+iview
项目实现分页增删改查功能
iview+vue实现分页增删改查功能一.后台代码二.前端工具是webstorm,直接上测试相应js接口三.相应的页面四.效果展示上一片文章总结了下如何创建一个vue项目,前端框架使用iview,那么今天用随便写得demo总结下如何实现数据分页以及对应的增删改差功能,不墨迹直接上代码;一.后台代码直接上web层代码,省略了其他部分:packagecn.chang.web;importjava.ut
冒牌程序员的成长
·
2020-06-25 16:30
iview+vue
基于
vue+iview
实现省市区三级联动
表单关键代码{{item.label}}{{item.label}}{{item.label}}使用@on-change事件进行联动vue读取本地省市区json文件created(){this.$axios.get('http://localhost:8080/static/json/provinces.json').then((data)=>{this.provinceArr=data.data
哈哈hyc
·
2020-06-23 06:55
前端
前端——vue
vue
iview
json
javascript
vue.js
Vue+iview
不需要input即可实现table 行内编辑功能且自动换行
后来改用
vue+iview
来做,网上大多是用了Input框来做,效果不是很好看,我就又想到了帝尊菜鸟这个思路,试了一下效果很好。放一下效果图:放下代码:{ali
Zhang_XiaoDian
·
2020-06-22 10:50
vue+iview
中使在table中用render渲染input表单及验证(表单支持同时多行编辑)
关于表单单行的编辑操作iview文档中已经提供有范例,以下是复杂点支持多行编辑的用法。先看效果:table效果HTML部分:这里#是v-slot的缩写,#age="{row,index}"相当于v-slot:age="{row,index}"。关于v-slot的相关知识点,请参考官方文档:作用域插槽这里有个重点,rule验证规则比需要写在FormItem标签中,写在Form标签中是无效的!VUE部
SongXinXin
·
2020-03-26 15:07
Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
在用
vue+iview
开发时发现一个错误,具体报错如下errorin.
前端瑞哥
·
2020-02-23 09:49
vue+iview
搭建项目
1、安装配置vue前提是已经安装并配置好node和npm环境,先搭建vue脚手架vue-cli#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#安装依赖,走你$cdmy-project切换到你创建的文件夹下$npminstall安装依赖$npmrundev开始你的项目$npmrun
望湖楼下水如天
·
2020-02-21 17:08
VUE + iView 干活记录
要用
vue+iView
做一个管理后台.安装使用VUE#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project
隐藏的记号
·
2020-02-19 16:22
基于
vue+iview
时间选择插件封装处理
不定期更新{{label}}至最近:一周1个月3个月半年一年exportdefault{//disableDate禁用日期string(beforeToady,afterToady)props:['startTime','endTime','disableDate'],data(){return{params:{status:'',startTime:null,endTime:null},isBr
凉介Seven
·
2020-02-12 08:10
一步步实现一个简单的适用于iview的vue表格搜索组件,支持下拉选择指定列进行搜索
最近在使用
vue+iview
做一个后台管理系统,在做表格部分时发现iview的表格并不支持搜索,不过iview易于拓展,可以很方便的拓展出表格搜索功能,比如在iview-admin就存在可搜索表格,但是功能比较基础
811c622a1598
·
2020-02-06 02:56
Vue+iView
实战及跳坑总结
1、iView的Tooltip设置显示位置偏移量在官方文档中,Tooltip显示文本可以自由的设置显示方向,但是偏移量设置官方API只给出了一个offset属性,默认值为0,类型为number。并无具体示例。经过测试,offset可以接受两个值,具体如下:offset属性:一个值:表示水平偏移。正值向右偏移,负值向左偏移两个值:第一个值表示水平偏移,第二个表示垂直偏移。正值向右向上,负值向左向下/
桃花谷主V
·
2020-02-05 12:44
vue+iview
admin+webpack,IE9/10兼容处理
1.npminstallbabel-polyfill--savemain.js头部引入babel-polyfill,import"babel-polyfill"2.webpack.base.config.js的entry入口配置:entry:{main:["babel-polyfill","../src/main.js"]}3.解决iview在IE9/10报TypeError:无法获取未定义或nu
JianShang
·
2019-12-17 20:39
SSM多模块----
Vue+Iview
https://github.com/Loudsa/student项目地址项目结构目录在根目录的pom文件引入以下几个包:5.1.0.RELEASE2.9.71.23.4.61.3.20.9.5.28.0.12org.springframeworkspring-beans${spring-version}org.springframeworkspring-context${spring-versi
大新哥
·
2019-10-17 14:00
针对iview表格支持可拖拽拉伸,自定义插件封装支持iview table可拉伸效果实现
到此虽然自己还在前端的开发道路上… 跳槽了一会,对于前端,在公司的应用也说不上是一个比较成熟的体系了,用的
Vue+Iview
等技术栈应用。在使用IviewT
贯群
·
2019-09-26 16:17
JavaScript
-
Jquery
Vue
iview
table
drag
iview
表格组件可拖动拉伸效果
iview
table
拖拽拉伸
iview
表格组件可拖拽拉伸改变行宽
表格拖拽拉伸改变行宽
nodeJs koa+mysql+vue+iview 前后端分离博客项目
vue+iview
(SPA)单页面为客户端和服务端依赖node-v8.4.0npm-v5.3.0npm2-v3.5.1目录
shanyanwt
·
2019-09-06 00:00
koa2
mysql
node.js
vue+iview
的form表单校验总结
这篇文章时关于如何使用iview的form表单校验。主要学习如何使用form校验(以校验文字长度为例),以及如何动态添加校验规则和异步校验。1.为需要校验的表单添加form标签2.添加校验规则formRules:{name:[{required:true,message:"必输项不能为空",trigger:'blur'},{validator:(rule,value,cb)=>{lenValid(
小方块的世界
·
2019-08-10 20:00
vue+iView
国际化翻译
国际化翻译1.安装vue-i18n库cnpminstallvuevue-i18n--save2.新建language文件夹,先将index.js创建,并且创建zh和en两个包分别放项目中英文的json文件,再使用en-US.js和zh-CN.js将各自的分类好的语言集合起来3.json文件//英文{"用户管理":"Usermanagement","账号信息":"AccountInfo","企业认证
xrzzz
·
2019-07-23 11:03
Vue
vue+iview
兼容IE9以上的解决办法
1.支持ES6新语法,安装babel-polyfillIE不支持es6语法安装npminstall--savebabel-polyfill#或者(下同)yarnaddbabel-polyfill修改webpack.base.conf.js//修改之前entry:{app:'./src/main.js'},//修改后entry:{app:['babel-polyfill','./src/main.j
silianpan
·
2019-07-12 00:00
前端
ie兼容
iview
vue.js
vue+iview
通过a标签实现文件下载
vue+iview
通过a标签实现文件下载方法一:注意:如果下载的文件放在本地目录下,一定要将模板文件放到public目录下,否则由于权限问题找不到文件路径:项目更目录--》public--》tpls--
小方块的世界
·
2019-07-09 19:00
vue+iview
tables多个分页实现
如果一个页面有多个分页那么可以把每个page和pageSize放到一个对象中,如下:dataList:{name:'dataList',//方便取到dataList对象id:null,//如果需要通过id获取一个列表fun:'getDataList',//获取列表的方法total:0,page:1,pageSize:10},tables中将dataList传递给分页事件,on-change传值时,
小方块的世界
·
2019-06-29 23:00
iView 的后台管理系统简易模板 iview-admin-simple
如果你想搭建
vue+iview
的前端项目,这也是一个不错的选择。iViewAdmi
布诺
·
2019-05-24 11:00
前端通过后端传过来的'\n' ,'
'等字符串换行失败问题
但是前端渲染时候却并没有真正的换行也尝试了大佬的各种\r\n,,<br/>等都没有作用解决方案下面的解决方案来自https://www.jianshu.com/p/1d0ec501b318前台用的
vue
下次用sf
·
2019-04-20 00:00
换行符
iview
vue+iview
/elementUi实现城市多选
城市多选组件最近收到了一个需求,管理系统需要上线一个活动,但是活动是根据地区上线的,最小范围到市,于是有了下面这个组件页面展示如图:上代码~~~{{name}}{{item.regionName}}全选{{item.regionName}}确定已选择的地区{{provinceFilter(item.province)}}{{obj}}全部地区注:/都是iview的组件,详情请看iview官网,同理
桃小妖
·
2019-03-28 09:56
springboot + vue + iview 1.创建
vue+iview
项目 mac版
以前已经安装过node.js,所以这次直接打开终端查看更新。安装node1.查看node版本node-v2.查看npm版本npm-v3.更新npm到最新版本npm-ginstallnpm4.安装npm的国内镜像,这样之后就使用cnpm命令,因为是国内的镜像,所以下包的速度会变快。npminstall-gcnpm--registry=https://registry.npm.taobao.org5.
程杉耘朵
·
2019-03-20 10:03
vue
vue+iview
动态渲染表格详解
本文实例为大家分享了
vue+iview
动态渲染表格(iview插件table),供大家参考,具体内容如下效果图(表格头部和表格主体都是动态渲染)重要代码exportdefault{data(){return
失眠的咕噜
·
2019-03-19 10:08
springboot+vue利用POI技术实现对Excel的导入功能并插入到数据库
第一次接触Excel导出功能,写的有点费劲,把代码贴出来希望能帮到大家后端:springboot+springcloud+mybatis前端:
vue+iview
数据库:oracle先上vue批量导入uploadLoading
LeeWay19940201
·
2019-03-01 11:24
视音频
vue+iview
项目总结
最近做了一个远程视音频的项目,用到的技术栈是
vue+iview
,就其中的网页聊天,视音频、日历、与后端配合过程中遇到的问题以及打包过程中遇到的问题做个分享和总结。
太羽
·
2019-02-15 00:00
vue.js
vue+iview
兼容IE11浏览器的实现方法
最近在搞一个基于vue的后台管理系统兼容IE浏览器,眼泪都要掉下来。后来和产品说了,同意兼容IE11,感动得我眼泪啊这里也就是记录一下我遇到的超级烦的bug首先是'babel-polyfill'和"autoprefixer-loader"这个不用多说,资源一大堆然后打包之后一直const去不掉,查了之后是webpack有webpack-dev不支持IE低版本了,要把webpack版本往下调,我是拒
dongceha
·
2019-01-07 14:06
踩坑-填坑之 :
VUE+iview
在数据导出csv格式数据时变为科学计数问题
在数据导出csv格式数据时变为科学计数问题:
vue+iview
使用Table导出数据时遇到一些小坑:导出的数据出现科学计数法问题导出的数据出现科学计数法问题,像电话号码,身份证号码,当数据大于15位后面的会用
ITDSH
·
2018-11-16 14:05
技术知识库
基于iview的Tree控件自定义节点内容
在本篇文章当中,将采用
vue+iview
的tree组件实现树型结构。
lk儒家
·
2018-11-05 17:41
vue+iview
实现可编辑表格的示例代码
先简单说明一下,这个Demo引入的vue,iview的方式是标签引入的,没有用到webpack之类的构建工具...毕竟公司还在用angularjs+jq.这也是我第一次写文章,大家看看思路就行了,要是有大佬指点指点就更好了话不多说,先来个效果图我们再看下极为简单的目录结构IViewEditTable##vue+iview实现的可编辑表格└──index.html##首页└──js└──editTa
Catkin
·
2018-10-31 10:16
vue+iview
实现可编辑表格
先简单说明一下,这个Demo引入的vue,iview的方式是标签引入的,没有用到webpack之类的构建工具...毕竟公司还在用angularjs+jq.这也是我第一次写文章,大家看看思路就行了,要是有大佬指点指点就更好了话不多说,先来个效果图我们再看下极为简单的目录结构IViewEditTable##vue+iview实现的可编辑表格└──index.html##首页└──js└──editTa
Catkin
·
2018-10-30 00:00
javascript
iview
vue.js
上一页
1
2
3
4
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他