VUE+iview

vue+iview中tree树形组件覆盖点击背景色和鼠标移入背景色

vue+iview中tree树形组件覆盖点击背景色和鼠标移入背景色1.开发环境vue+iview2.电脑系统windows10专业版3.在使用vue+iview开发的过程中,我们根据需求会使用到树形组件
灰太狼的情与殇·2020-11-18 11:27

vue+iview实现文件上传

vue+iview文件上传（base64编码、类型验证、大小限制、多文件上传及文件预览）iview对文件上传提供了一个专门的标签Upload，不过这个标签默认需要一个接口action属性，但一般我们向后台上传文件并不会选择文件直接就上传了而是需要和其他的值一起发送请求给后台
·2020-11-17 17:22

vue+iview实现分页及查询功能

vue+iview分页及删、查功能实现首先要想实现分页功能必须得知道当前页码、每页大小、总数目。
·2020-11-17 17:50

vue+iview分页组件的封装

vue+iview的分页组件封装1.在components中创建pagination文件夹，接着创建src，index.js,index.less文件2.index.less文件//需要修改的样式.ivu-page-options
·2020-11-17 15:44

vue+iview中tree树形组件覆盖点击背景色和鼠标移入背景色

vue+iview中tree树形组件覆盖点击背景色和鼠标移入背景色1.开发环境vue+iview2.电脑系统windows10专业版3.在使用vue+iview开发的过程中,我们根据需求会使用到树形组件
灰太狼的情与殇·2020-11-17 12:01

vue+iview使用树形控件的具体使用

vue+iview使用树形控件1.开发环境vue+iview2.电脑系统windows10专业版3.在使用vue+iview开发的过程中,我们经常会使用iview的树形控件,在这里我就简单的做一个分享,
·2020-11-13 11:38

vue+iview框架实现左侧动态菜单功能的示例代码

最近在使用vue-cli3配合iview框架搭建新的项目中用到了iview中的menu菜单，按照官网写法固定不太好，因为一般项目都是从后端动态获取菜单列表，所以我们需要将官网代码稍作修改，代码如下：注意事项：【1】菜单高亮部分动态绑定路由跳转的页面Menu组件中有一个active-name反映的是当前高亮区域，因此可以动态的绑定active-name来实现高亮显示。前提是需要将MenuItem绑定
buduoduoorg·2020-09-17 06:43

vue+iview上传图片

我用的是vue+iview。比如注册个人信息。
mokio233·2020-09-17 06:16

iView 循环表单验证Demo

如果项目使用的是vue+iview组合,那么对于表单验证便无需借助第三方插件,iview自己带有封装好的表单验证,iview表单验证依赖于async-validator,这个库可以好好看一下,可扩展性比较强
roamingcode·2020-09-15 14:57

vue+iview 动态路由和权限验证

github上关于vue动态添加路由的例子很多，本项目参考了部分项目后，在iview框架基础上完成了动态路由的动态添加和菜单刷新。为了帮助其他需要的朋友，现分享出实现逻辑，欢迎一起交流学习。Github地址iview-dynamicRouter实现目标客户端从服务端拿到路由和权限数据后，刷新项目的路由和菜单列表，并进行权限控制。项目基础基础框架：iview组件库官方模板项目iview-admin的
weixin_30699443·2020-09-14 20:51

VUE+IVIEW相关问题(一)：model框问题

本人是个JAVA开发，对于VUE仅限了解，今天在做一个后台界面的时候使用到iview的model框，记录下男女首先第一个问题，不希望model框随便被关闭，设置mask-closable=false第二个问题：希望model框居中显示增加样式class-name="vertical-center-modal"样式代码如下：.vertical-center-modal{display:flex;al
zhuwei_clark·2020-09-12 18:13

vue实现购物车飞入动画。

用的是vue+iview{{row.keyWord}}{{row.searchIndex}}{{row.searchResult}}{{row.searchFirstApply}}exportdefault
CJW-Coder·2020-09-12 11:00

Vue+iview Modal组件关闭弹框之后报错问题

问题描述:父组件调用子组件Modal的时候,关闭弹框之后会报错一共有下面几种情况1，直接使用Modal组件(非自定义modal组件)父组件代码打开弹框import{Component,Vue}from'vue-property-decorator'importChildModalfrom'../Test/ChildModal.vue'@Component({components:{'child-m
weixin_33750452·2020-08-26 16:30

vue-iview省市区三级联动

vue+iview省市区三级联动list.vue区域{{item.name}}{{item.name}}{{item.name}}**javascript**data(){return{selected
bubble·2020-08-24 18:14

Vue 后台权限控制解决方案

2019独角兽企业重金招聘Python工程师标准>>>Vue2.0用户权限控制解决方案.Vue手把手写后台.基于vue2+element-ui构建的后台管理系统微人事是一个前后端分离的人力资源管理系统vue
weixin_34087503·2020-08-23 20:14

iview的Dropdown 下拉菜单之选中

介于项目本身采用的技术是vue+iview，所以使用了iview自带的“Dropdown下拉菜单”。但是自带的只展示样式，点击不同的选项，需要显示点击的选项，需要自己手动去编写。
scy_fighting·2020-08-23 19:42

vue+iView 引入iconfont

iView本身的图标不是很多，所以在选择图标的时候翻出了收藏了好久的iconfont~iconfont是阿里出品的开源图标库，有非常多的图标，兼具美观和全面，非常适合找图标~网址：iconfont官网一、引入单色图标1.新建项目2.选择喜欢的图标加入购物车，将鼠标放在喜欢的图标上面就会显示菜单。3.将购物车的图标加入项目；点击右上角的“购物车”按钮弹出购物车的图标：4.下载图标文件；图标管理—>我
Connie_豆·2020-08-22 12:47

iview表单校验上传图片成功后，提示文字不消失

用的框架是vue+iview，用Form表单验证，对必填项做校验。当不填写时点提交会出现红色提示文字，但是当图片上传成功后，提示文字并不会消失。
池中飞雪·2020-08-22 12:20

前端通过后端传过来的'\n' ,'
'等字符串换行失败问题

但是前端渲染时候却并没有真正的换行也尝试了大佬的各种\r\n,,<br/>等都没有作用解决方案下面的解决方案来自https://www.jianshu.com/p/1d0ec501b318前台用的vue
下次用sf·2020-08-22 12:42

vue项目兼容ie9 10不显示问题

网站使用的框架是vue+iview。话不多说，直接说问题吧。
scy_fighting·2020-08-21 16:52

vue+iview兼容IE9及以上记录

IE不支持ES6语法安装解码器npminstall--savebabel-polyfill//转码器，可以将ES6代码转为ES5代码修改webpack.base.conf.jsentry:{//app:'./src/main.js'app:['babel-polyfill','./src/main.js']//兼容IE运行},在main引用import'babel-polyfill'兼容datas
李呆呆啊·2020-08-21 15:36

vue+iview兼容IE9以上的解决办法

支持ES6新语法，安装babel-polyfillIE不支持es6语法安装npminstall--savebabel-polyfill或者(下同)yarnaddbabel-polyfill复制代码修改webpack.base.conf.js//修改之前entry:{app:‘./src/main.js’},//修改后entry:{app:[‘babel-polyfill’,‘./src/main.
ak8659·2020-08-21 12:39

vue+iview使用时，render函数创建组件点击事件无效的解决方法

在有些时候，写死的组件无法满足需求，render函数是比较好的选择。但是我在使用render函数时，把页面的东西渲染之后，添加点击事件时遇到一个问题，在render函数里面以on:{click:()=>{console.log('点击事件')}}添加点击事件时，无论怎么样都监听不到，也就是点击render渲染出来的组件或dom时根本没没有作用，但也没报任何错误。自己在网上找各种资料尝试了使用cli
山雨欲来风满楼_·2020-08-21 02:23

vue+iview 动态生成的input组件只能获取一次焦点问题

用的iview框架，触发Input的自动获取焦点的功能：但是动态生成的input组件只能获取一次焦点上代码html{{info.positionName}}js//data值data(){return{this.currentIndex_file=null;this.currentFile=null;}},//methods方法methods:{getcurFile(index){this.cur
diuren1205·2020-08-21 02:46

vue+iview 动态生成的input组件只能获取一次焦点问题

用的iview框架，触发Input的自动获取焦点的功能：但是动态生成的input组件只能获取一次焦点上代码html{{info.positionName}}js//data值data(){return{this.currentIndex_file=null;this.currentFile=null;}},//methods方法methods:{getcurFile(index){this.cur
diuren1205·2020-08-21 01:57

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·2020-08-20 21:18

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·2020-08-20 21:17

CRMEB单商户商城系统V4.0最新版都更新了哪些功能？

框架升级后台系统升级将后台升级为前后端分离，后台UI框架为VUE+iview框架前端框架升级前端框架改为uni-app，公众号、小程
轻编程·2020-08-18 14:52

vue+iview项目webpack打包报错：Unexpected token: punc (() / punc (>)

昨天第一次尝试打包，因为用的是vue-cli，所以直接执行npmrunbuild就可以了。但是执行完成报错了：ERRORin0.866cdedf48bcb07fd685.chunk.jsfromUglifyJsUnexpectedtoken:punc(()[0.866cdedf48bcb07fd685.chunk.js:1173,13]ERRORin1.866cdedf48bcb07fd685.c
Connie_豆·2020-08-11 22:27

vue+iview远程搜索

利用远程搜索来实时从数据库中调取数据，不必查出所有数据，在数据库内数据庞大的情况下可以显著提高查找效率html界面代码：js代码：getEquipmentListSuc(data){this.equipmentList=data.obj;},/***远程搜索*/remoteMethod(query){//query为输入的数据if(query!==''){this.loading=true;//定
菜鸟prime·2020-08-11 00:07

vue+iview实现拼音、首字母、汉字模糊搜索

项目是用vue+iview做的，iview中有select远程搜索。
池中飞雪·2020-08-10 17:31

vue后台管理框架（iview + vue）

官网：https://www.iviewui.com/docs/introducevue+iview后台管理文档：https://lison16.github.io/iview-admin-doc/#/vue
慢半拍、·2020-08-05 13:16

VUE+IVIEW从无到有实践（二）

vue-i18n国际化1安装[email protected]创建目录language3.编辑index.js/***引入vue-i18n*/importVuefrom'vue'importVueI18nfrom'vue-i18n';Vue.use(VueI18n);/***导入iview自带语言包*/importzhfrom'iview/dist/locale/zh-
爪哇幼稚猿·2020-08-04 08:44

vue+iview 自定义侧边栏（Sider）触发器（trigger）

#1），记录原因描述：想要修改Sider的样式（背景颜色），通过给Sider设置了新的class后，背景颜色虽然修改了，但是低端的触发器样式仍然是Menu组件的”Dark“主题样式。查看官方文档知道，Sider可以设置hide-trigger属性来隐藏默认触发器。#2），模板：模板大致是iView官方文档中的“Layout布局”中的其中一个。截图如下，代码见官网：#3），修改的部分：.bg{bac
1H1R1M·2020-08-01 10:54

Vue +iview自定义表单验证

**Vue+iview自定义表单验证**在data里随便定义一个函数名为validateorgCode，用正则写验证规则，在ruleValidate指定字段里面validator：validateorgCodeconstvalidateSequence
weixin_44112924·2020-08-01 06:09

springboot+vue打包发布到tomcat服务器详细介绍

最近在写一个后台管理系统，后台用的是springboot，前台用的是vue+iview，打包发布到tomcat的时候遇到了不少坑，在这我有必要记录一下自己发布的过程，以便下次自己好复习。
高小胖爱胡小宝·2020-08-01 06:09

vue+iview的form表单校验总结

这篇文章时关于如何使用iview的form表单校验。主要学习如何使用form校验（以校验文字长度为例），以及如何动态添加校验规则和异步校验。1.为需要校验的表单添加form标签2.添加校验规则formRules:{name:[{required:true,message:"必输项不能为空",trigger:'blur'},{validator:(rule,value,cb)=>{lenValid(
weixin_30611509·2020-08-01 03:49

vue + iview 实现一个手机号分段输入框

vue+iview实现一个手机分段的提示框，知识点还没总结exportdefault{data(){return{required:this.
[不玩了]任先阳·2020-07-31 22:58

使用vue+iview构建项目遇到的问题总结（一）

使用vue+iview构建项目遇到的问题总结（一）1.Select组件点击无响应问题Select组件放在栅栏组件Col里，发现点不动，原因：Select组件最终会被解析为一个span+i+ul+li的原生
csdn_haow·2020-07-31 16:56

vue+iview实现省市区三级联动

表单代码可用收货地址您还未设置地址哦添加收货地址新增收货地址当前配送至:中国大陆-->{{item.label}}{{item.label}}{{item.label}}设置为默认收货地址添加关键代码{{item.label}}{{item.label}}{{item.label}}使用@on-change事件进行联动vue读取本地省市区json文件created(){this.$axios.ge
吃猫鱼丶·2020-07-31 15:07

Vue + Iview 表单校验，踩坑总结

Vue+Iview表单校验，踩坑总结1.为需要校验的form表单添加表单校验（这里是在当前页面做一个在列表点击按钮在当前页出现的一个modal页面）2.Script中的代码3.注意的点1.为需要校验的form
weixin_45341113·2020-07-31 13:54

Error in callback for watcher "data": "TypeError: Cannot create property '_isHover' on string 'xxx'"

**最近用vue+iview组件写一个后台管理系统，在填充table组件的data数据的时候遇到这个错误，觉得有必要自己记录一下，提醒自己写代码要小心小心！！！
高小胖爱胡小宝·2020-07-31 13:31

vue + iview重置表单数据，清除表单部分校验信息

vue+iview表单，在添加和编辑，我们定义两个dataformData:{},defaultForm:{sdId:'',parentSdId:'',targetCode:'',isDelect:'false
with-you·2020-07-30 22:30

vue iview的小坑之icon不能直接加点击事件

项目使用框架是：vue+iview要实现的功能是实现点击复制图标达到复制功能（完成ctrl+v的功能）。
scy_fighting·2020-07-30 21:20

express，koa2等node处理前端上传图片并保存到文件中

在实际的项目中，图片的处理往往是最麻烦的，无论是前后台，我自己也试手了一两个图片上传的小项目，把步骤写下来，以后自己忘记可以返回来看一下，同时希望能够帮到小伙伴们...前端网页框架：vue+iview等组件来实现图片的
weixin_33840661·2020-07-30 19:29

基于vue+iview UI的多级评论回复功能

我在做项目时遇到了需要评论回复功能。由于iviewUI没有该组件，所以自定义设计我的博客地址：博客地址，点击访问可以查看评论区。效果图如下支持评论和多级回复废话不多说，vue代码如下：评论组件 {{item.nickname}}{{item.content}}{{dateFilter(item.createTime)}}回复取消确定importReplyfrom'./Reply'expo
HUWD·2020-07-30 05:46

Vscode vue+iview，Eslint总是报错‘[vue/no-parsing-error] Parsing error: x-invalid-end-tag.’

原文地址：https://www.jianshu.com/p/9175d78435e5在vue+iview项目中，使用了Eslint做代码风格检查，但是在使用iview组件标签时,eslint总是会报错
依旧平凡·2020-07-29 01:15

vue+iview框架实现左侧动态菜单功能的示例代码

最近在使用vue-cli3配合iview框架搭建新的项目中用到了iview中的menu菜单，按照官网写法固定不太好，因为一般项目都是从后端动态获取菜单列表，所以我们需要将官网代码稍作修改，代码如下：注意事项：【1】菜单高亮部分动态绑定路由跳转的页面Menu组件中有一个active-name反映的是当前高亮区域，因此可以动态的绑定active-name来实现高亮显示。前提是需要将MenuItem绑定
·2020-07-27 10:47

关于vue+iview的请求方法设置超时时间

问题描述：想设置请求超时时间代码块在vue的src\api\data.js中的具体方法中添加timeout:5000,exportconstlogLogin=info=>{returnaxios.request({url:'cdn-logs/logLogin',method:'get',timeout:5000,params:info})}然后在代码中添加logLogin(info).then(r
流浪-人杰·2020-07-15 08:43

vue+iview 进行table表格数据的更新显示，局部刷新

hello,在这个新做了一个网站，想提高一下权重麻烦看见的给我点一下哦~是吉他乐谱分享的哦~www.lsjita.com使用vue+iview进行vue后台管理系统，对iview不太熟悉，然后就出现了好多问题
YeSyinnng·2020-07-14 19:16
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他