iview定制化主题 按照官网的步骤去做 变量覆盖的方式（踩坑）：less和less-loader版本过高的问题导致 如题目所示的报错信息 解决方案：安装指定版本 npm install less-loader@4.1.0和 npm install less@2.7.0 通过安装工具修改（踩坑）：则是因为glup版本和node版本 ，一个过低 一个过高 导
说明： iview组件中当嵌套使用 Tabs时，需要在Tabs中指定 name 属性来区分层级，然后在TabPane 中设置 tab 属性指向对应 Tabs 的 name 字段。 正确示例： 在每一个Tabs中都需要设置name属性，然后在其包含的所有直接TabPane中设置tab属性指向其对应的Tabs的 name 字段。 <Tabs name="t
前几天做一个WEB端的实时在线聊天功能，需要用到无限滚动窗体。我UI框架用的是IVIEW，自然想到使用iview的Scroll去实现聊天窗体，但是使用下来遇到不少坑。网上google百度了好久，都没找到正确的解决之道，更有甚有些文章完全是误人子弟的。所以这几天想抽空写下这篇文章，帮助后人避开一
1 iview的router控制需求 最近在使用iview框架写项目,遇到了一些路由控制上的问题,解决过程中也有一些心得,故在此记录下来.每个项目在开发时,对于类似tags(标签页)的控制需求都不尽相同,故以下先列出本文所述项目对标签页的控制要求(如有不同需求,本文当也可提供一些思路): 对于
一、正在加载 this.$Spin.show(); 二、关闭加载 this.$Spin.hide(); 这样的话比起Spin标签的单独的使用就不会使转的圈圈图标随着页面的大小而变化。
最近在使用iview的Page组件时，发现了一个问题： 当我点击页码调用@on-change方法时，再点击改变每页条数调用@on-page-size-change方法时， 获取列表的方法调用了两次，即this.tkHistory();调用了两次。 查了一下才知道这是组件默认的处理方式，当点到第二页时，再去改变每页条数时，会默认
组件一般自带斑马纹和色块，但是有些需求就会要求同一个表格有不同的色块显示，同时不同色块的斑马纹和字体也不一样。 该博客就是针对iview组件库的表格的。 先贴展示图， ![效果图](https://img-blog.csdnimg.cn/2020120115482866.png?x-oss-process=image/waterma
介绍一下开发中遇到的关于iview 文件选择上传和拖拽上传控件upload,手动上传文件信息和自动上传的不同代码写法 1.自动上传，不需要附带其他除文件外的信息 <Upload ref="upload" :format="['txt']" :max-size="61440"
需求：因table列太多，且每个部门关注的信息不一样，拖来拖去不方便观看，客户想让Table列可以拖动，且可以保存顺序。 思路： <Table :columns="columns" :data="data1"></Table> Table里的columns是提前在data里写好的，可以把columns对象转成json字符串存在localStorage或者数据库里，vue开始
1、问题：在修改组件样式中，直接修改还是通过添加类名，修改都不成功 2、原因：<style lang="less" scoped></style>，其中的scoped限制了修改 3、解决办法： 第一种：去掉scoped，但是不推荐，因为这样会导致样式污染 第二种：通过添加深度选择器 /deep/ 或者 >>> （其中>>>在scss中不支持使
一个基于SpringBoot + IView 的单体架构管理系统前言项目基于Springboot + IView 技术构建 ，在超级工具箱的基础上做了减法，去除了一些附加影响启动的模块，变成了一个相当纯洁的后台管理系统，仅仅依赖 Redis 就可以顺利启动。技术栈ok-adminSpringBootRedisShirovueiViewechartsclipboa
view的表格 render 先看一下效果图 效果题 代码如下 render render:(h,params)=>{} //h指dom对象，params指当前每一行数据（params.row就是每一行内容，params.index）. return h()分为3部分，1.标签（span,div,radio）2.对象（{props,style,on}）props（type,value,size,比
iview Carousel 图片不显示，左右滚动后又显示了。 原因是：每次请求图片数据之前，都要将v-model 重新设置为0！ 否则他会记忆你上次的数，当这个数大于当前最大轮播数量，则显示空白。 <Carousel v-bind:height="imgHeight+'px'" v-model="carouselValue" styl
** iview Design IE浏览器空白（兼容IE浏览器） ** vue.config.js 设置 chainWebpack: config => { // ie报错无效字符 添加该配置项 解决该问题 config.module .rule("view-design") .test(/view-design.src.*?js$/) .use("babel")
CheckboxGroup <Checkbox-Group v-model="checkAllGroup" @on-change="checkAllGroupChange"> <Checkbox label="香蕉"></Checkbox> <Checkbox label="苹果"></Checkbox> <Checkbox label="
项目中，有时需要选择月份范围（如：开始年月：202-05，结束年月：2020-07），查阅iview官方文档可知： 没有提供选择月份范围的type; 一个办法是，使用两个 type=month 的datePicker方式来控制开始月份与结束月份: 1.创建页面代码： <DatePicker type="month"
前端模版 要点说明（仅是自己在调试中总结的个人理解，非官方，认知有限） v-model是用来绑定数据的，和数据结构中的字段名保持一致，否则无法取得数据 prop和和v-model的字段名相同，由于这里是动态生成input标签，所以prop属性也应该是动态的，因为rules是根据prop来校验的，所以rules在formItem域
<FormItem label="时间："> <DatePicker type="datetimerange" ref="DatePicker" style="width: 280px" v-model="createDate" @on-change="timeChange&q
Vue特性 前端工程化 双向绑定 MVVM 组件化开发 架构 src ├── App.vue ├── apis │ ├── User.js │ └── util.js ├── assets │ ├── HomePageLogo.png │ └── logo.png ├── components │ └── ErrPush.js ├── main.js ├──
准备工作 //借助插件 npm install babel-plugin-import --save-dev // .babelrc { "plugins": [["import", { "libraryName": "view-design", "libraryDirectory": "src/components" }]] } 在main.js中引入 im
博主这边项目已经完成了，但是为了页面的美观，又想重新定制主题颜色。参照网上教程和官网资料踩了很多坑，故此记录一下“定制过程”。 1.先看官网给的教程： （1）通过安装工具修改（不推荐） 这里，博主在第一次尝试第一种方法失败后，转战方法2，按照官网步骤后，的确能成功修改主题色！but... 博主原来
1 <DatePicker v-model="value_data" type="year" @on-change="handle_dp_change" format="yyyy" placegolder="年份" style="width: 200px"> 2 </DatePicker> @on-change=“handle_dp_change” 日期发生变化
页面中Form表单的重置 form表单的重置需要用到方法：resetFields 注意： 1.设置form的ref属性; 2.还需要给每个FormItem 设置prop属性 并且prop的属性需要跟设置的字段名称v-model一样 然后，在需要重置的时候调用： Modal中Form的重置 form的重置可以放在Modal弹出时调用，
vue.config.js文件中有注释，配置文件备注还是要多看的 baseUrl: BASE_URL, // tweak internal webpack configuration. // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md // 如果你不需要使用eslint，把lintOnSave设为false即可 lintOnSave: false
一、前端（vue.js+iview） 在上一篇的文章《基于Idea从零搭建一个最简单的vue项目》中，我们简单的讲解了如何用Idea搭建一个最简单的vue.js。所以今天这篇文章中不做过多讲解，只是简单的一笔带过，不明白的可以参考上一篇文章。 1.新建一个静态的网页项目，这里我给项目取名为login
