ivew

Vue开发那些事——iview导入，使用，以及常见问题

npm安装ivew——$npminstalliview--save引入iView#一般在webpack入口页面main.js中如下配置：importVuefrom'vue';importVueRouterfrom'vue-router
一蓑烟雨_8a41·2020-07-29 05:08

Vue可收缩多级菜单的实现

本文以Vue使用ivew组件实现响应式布局.为基础继续进行1.递归组件实战封装菜单组件1.在components文件夹中新建side-menu文件夹在该文件夹中新建side-menu.vue、re-submenu.vue
Neon_7·2020-07-28 08:52

Vue使用ivew组件实现响应式布局

1.vue-cli3.0中使用iview链接:Vue-cli3.0中使用iview.1.在控制台启动vueui2.在vueui中搜索并安装iview或者直接在控制台输入cnpminstalliview3.安装好后重启项目4.在main.js中引入importiviewfrom'iview'import'iview/dist/styles/iview.css'Vue.use(iview)2.布局组件
Neon_7·2020-07-28 08:52

Vue 项目中使用 iView 组件库设置样式不生效解决方案记录

将iVew引入项目后发现没有生效，经过查找总结问题是：安装iView的版本太低，与Vue不匹配，最后没有生效。
qwe122343·2020-07-14 21:42

iview实现上传图片以base64编码传到后台

1.首先是按照ivew的文档写html中的代码2.写上传文件之前的钩子很重要before(file){self.file=file;if(file.size>2048){//限制文件的大小this.
情长纸短·2020-07-14 19:11

Vue slot插槽

比如我们在使用ivew组件库的时候，就会经常遇到slot这个单词。
秋殇阁·2020-07-14 16:46

Vue + ElementUI 手撸后台管理网站基本框架(零)前言篇

如果你认为element比较丑，可以自行更换成ivew
harsima·2020-07-14 11:45

vue+ivew使用Collapse 折叠面板把全部面板展开

1.需求：在使用搜索功能时候，只显示搜索到的panel并且将搜索到的含有该专家的panel展开，如图1.html，注意黄色部分，作为每个panel的key值，要唯一{{items.text}}全选{{item.showName}}{{item.name}}——{{item.position}}2.搜索功能的代码//搜索数据searchFuc(){letsearchValue=this.search
weixin_30455023·2020-07-08 13:01

实战fabric.js教程及API

http://fabricjs.com/是一个操作canva和svg的库文档为英文的.后台系统是nodejs+express涉及到上传图片sessionmongodb用户表图库表设计表,前端上传组件时ivew
拿我格子衫来·2020-07-01 02:09

ivew 日期选择器设置指定日期不可选

iview日期组件官方文档//iview日期组件需要添加options属性options是一个对象，其中有一个属性为disabledDate，是一个函数，参数为当前的日期，需要返回Boolean是否禁用某天。//禁用当前日期之前的日期data(){return{options:{disabledDate(date){//console.log(date);returndatenewDate(201
vueLover·2020-07-01 02:04

ivew 动态表单验证和Property or method 字段 is not defined on the instance but referenced during render.

ivew动态表单验证和Propertyormethod字段isnotdefinedontheinstancebutreferencedduringrender.问题:iviewform表单验证分析:先看一下官网的例子
优资园·2020-06-30 19:34

vue页面 ivew页面实时显示当前时间。记录。

{{date}}在页面mounted里面插入mounted(){this.getData()let_this=this;//声明一个变量指向Vue实例this，保证作用域一致this.timer=setInterval(()=>{vartmpDate=newDate();//每一秒取一次当前时间//格式化Date()varyear=tmpDate.getFullYear();varmonth=tm
飞奔的五花肉·2020-06-30 02:45

iView 实战系列教程(21课时)_1.iView 实战教程之配置篇

现在我们的项目可以完整的使用ivew了比如说首页上的button就是在这个地方渲染的。全局配置https://www.iviewui.com/
weixin_30907935·2020-06-28 02:37

使用vue自定义指令合并iview表格单元格

ivew表头分组：https://www.iviewui.com/components/table#BTFZ效果图如下：具体实现思路，通过vue自定义属性来操作dom，达到我们想要的效果：代码如下：demo.vue
weixin_30839881·2020-06-28 01:58

vue后台管理页面模板iview-admin、vue-element-admin

目录iveiwelementui其他模板iveiw最近想写一个后台管理页面，找了很久，找到两个vue的后台管理页面模板iview变成了viewui也就是ivew的2.0版本iview是vue.js的ui
自&如·2020-06-26 00:19

iview-Modal组件的二次封装

ivew中model的简单二次封装二次封装基本会涉及到vue组件通信，监听或者计算属性。
ethan.Yin·2020-06-25 16:20

vue-cli+ts+iview单多页面的配置实践

地址：https://github.com/MaTonna/vue-cli-ts-ivew新增了一个react版的。
糖糖小菜鸟前端er·2020-06-24 23:46

ivew Table表格添加滚动条事件

Api.getStrongInfo(paramter).then((res)=>{if(!this.searchInitFlag){console.log("初始化")this.tableData=res;setTimeout(()=>{this.bindScroll(res)},1000)this.loading=false//加载中样式this.searchInitFlag=true}if(t
黑白配_·2020-06-24 17:53

vue或者vue-cli3项目 用ivew组件库的tree组件时遇到的菜单展开问题

vue-cli3项目用ivew组件库的tree组件时遇到的菜单展开问题根据官网上说的,只需要将每个需要展开的菜单命名,然后用open-names将要展开的菜单的名称写在后面的数组里即可,如图所示:2.在各种排查后
liuliu3636·2020-06-24 06:56

vue ivew的input type=“number” 只能输入数字，且去右侧上下箭头按钮完美解决方法

方法挺简单的微信exportdefault{data(){return{value:''}},methods:{changeaa(event){//禁止非数字字符输入if(event.keyCode57)event.returnValue=false;}}}.aaaainput::-webkit-outer-spin-button,.aaaainput::-webkit-inner-spin-bu
天空之枫·2020-04-07 21:52

iView table 实现单元格合并

前言当前问题使用的ivew版本：3.4.2后续版本可能会实现相关功能，请留意官方文档。
西瓜鱼仔·2020-02-12 14:42

vue-quill-editor 富文本编辑器 七牛 ivew，实现富文本编辑器上传图片到七牛,并可以调整图片大小

1、下载安装必须插件cnpmivue-quill-editor-S//可拖拽图片cnpmiquill-image-drop-module-S//这两个是改变图片大小的cnpmiquill-image-resize-module-S2、引入html内容注意如果想看upload详细讲解可以看我上一片文章：https://segmentfault.com/a/11900000210736313、首先配置
张旭超·2019-11-22 11:05

element-ui 和ivew-ui的table导出export纯前端（可用）

一、element-ui 1、安装依赖Element组件库中的el-table表格导出需要的主要是两个依赖:(xlsx和file-saver)npminstall--savexlsxfile-saver2、页面导出3、jsimportFileSaverfrom'file-saver'importXLSXfrom'xlsx'loading:true,dataList:[{param:'phone',
半城狂客·2019-11-22 10:00

maven+ivew项目搭建

参考http://wiki.jikexueyuan.com/project/intellij-idea-tutorial/maven-project-introduce.html一，intellijidea新建maven项目newproject>maven>searchforwebapp(maven-archetype-webapp！！！)>详见参考配置projectstructure,editc
zzzxy7·2019-11-08 19:26

Vue中 render 函数应用

前言因为最近接手维护一个基于ivew的项目,新增模块中包含很多自定义功能,所以大量使用到了render函数;故对其做一下总结...关于render函数,官方文档也做了比较详细的介绍:render函数:https
appleguardu·2019-09-28 00:00

iview table 导出csv文件错行问题

最近开发过程中，前端使用的是vue+ivew，使用table的导出，结果发现导出的文件，有的列会莫名其妙的错行，最后研究发现是，英文状态下的逗号引起的，csv文件每一列的数据都是以英文状态的逗号隔开的，
www.365codemall.com·2019-09-12 12:37

修改ivew默认样式

今天做项目发现修改iview的默认样式不起作用，去掉scoped生效，但是会污染全局样式，采用以下方式1、使用>>>，不用取消scoped.test>>>header{}2、取消scoped，添加自己的className,在自己的className下添加样式例如modal遮罩：.test{background-color:#000;}
不想写代码的程序员·2019-08-21 10:37

ivew 自定义验证规则及Datepicker验证不起作用处理

表单通过rules进行验证name:[{required:true,message:'名称不能为空',trigger:'blur'}]但是在验证datepicker的时候，并不起作用，需要添加代码pattern:/.+/startTime:[{required:true,message:'开始时间不能为空',trigger:'blur',pattern:/.+/}]当非空不能满足要求，需要自己自定
Bambi12·2019-08-14 16:29

iview中table组件的排序问题——关于后端多列排序的实现

最近遇到一个需求，在iview中使用table实现多列排序，主要思路就是从前端获取排序字段集合，后端动态拼接sql语句；本想着挺简单的，可实操的时候还是有些小波折的，现把实现过程记录一下：1.ivew前端获取排序集合在
William_Franca·2019-07-12 15:24

ivew 日期禁止选择options用法

案列需求:结束日期不能小于开始日期exportdefault{data(){return{startTime:"",endTime:"",startTimeOption:{disabledDate(date){returndate&&date.valueOf()>Date.now();}},endTimeOption:{}};},methods:{onStartTimeChange(startTi
blank的小粉er·2019-05-13 16:45

ivew 日期禁止选择options用法

案列需求:结束日期不能小于开始日期exportdefault{data(){return{startTime:"",endTime:"",startTimeOption:{disabledDate(date){returndate&&date.valueOf()>Date.now();}},endTimeOption:{}};},methods:{onStartTimeChange(startTi
blank的小粉er·2019-05-13 16:45

Vue+iview+Echarts+electron 桌面应用

目录效果图：一、Vue项目创建1、安装node.js2、Vue开发环境3、搭建Vue项目（1）项目初始化（2）项目预览二、引入ivew+Echarts1、ivew+Echarts安装2、引入ivew+Echarts3
zj19941113·2019-04-29 20:15

内控开发第一周

本周重构了后台管理的某些功能，其中包括后台框架，系统配置的交通工具，人员级别，以及实现了选择iconfont图标库图标的组件1.后台框架使用ivew的tree组件实现单位的选择使用mixin的方式封装了一个计算树结构的函数
谁还不是个小仙女似的·2019-04-01 18:41

ivew的tree用法

使用常规的方法传值//recursion.js转换树constrecursion={//转换树结构并将需要的值存进树中//存值为：除了树结构必须的值外，我需要发送给后台的值(code)convertTree:function(tree,map){constresult=[];tree.forEach((item)=>{//读取map的键值映射letexpand=!!item.children;le
谁还不是个小仙女似的·2019-03-28 17:14

一个基于iview-admin2.0开发的管理系统

asteroidAmorecomprehensivemanagementsystemdevelopedonthebasisofiview-admin.这是一个基于iview-admin2.0开发的管理系统，修复了ivew-admin
来点灵感·2019-03-25 00:00

vue.js挖坑记：屏蔽ivew的modal框确认按钮的关闭动作

问题：modal框作为表单验证，当表单内容通不过校验时，点击“确认”按钮希望不关闭modal框解决方案：关键一步操作this.$nextTick(()=>{this.loading=true;});显示对话框对话框内容对话框内容对话框内容exportdefault{data(){return{modal1:false,loading:true}},methods:{ok(){this.$Messa
勤奋的光明之子·2019-02-12 11:16

ivew表单校验踩坑记

iview表单必填的*标志显示使用iview自定义表单校验时，对于v-if显示状态的修改会影响*的显示情况：使用v-if设置在新增是密码字段显示，编辑时不显示这时校验规则已完成，设置只有办公电话不是必填项切换到编辑时，密码字段消失，但是办公电话前会出现*代码截图修改：将v-if修改为v-show，可以解决这个问题原因：v-if只有在条件成立时才会生成domv-show是先生成dom，再通过css控
miomiomio·2018-12-29 00:00

如何在mpvue中使用第三方UI组件

mpvuevueinitmpvue/mpvue-quickstartmy-app以ivewweappUI举例，进入其github地址，下载后将dist目录下的所有东西，拷贝到my-app下static的ivew
_Storm·2018-08-29 16:56

iView中table表格中使用select选框和下拉菜单的方法

首先是iview的表格中使用select选框{title:'适用区域',//纵列表头(类似于th)width:140,//列表每一格的宽度align:'center',//ivew里面的写法,不用理会key
Arbort_·2018-08-06 10:18

vue + ivew 简单的todolist + localStorage进行存储

不多说，上代码。todolist.wrap{width:200px;margin:0auto;margin-top:20px;}.todo-input{display:flex;justify-content:space-between;}.todolistli{margin-top:10px;padding:5px;padding-top:10px;padding-left:10px;displ
清风鹿野·2018-07-17 14:03

ivew iview-project脚手架入门实战

iview大体上可以分为两种使用方式：1，直接使用script引用iview的js。2，使用iview提供的脚手架。第一种方式使用script引用iview和vue比较简单，适合刚上手vue和iview的小伙伴。第二种方式iview已经为我们提供了非常精彩的iview脚手架实例。下载实例后，你需要安装node。之后在含有package.json这个文件执行命令。安装依赖：npminstall第一次
我的小熊不见了·2018-06-29 14:19

vue项目中富文本编辑器踩坑之旅

tinymce，遇到的问题如下：主要参照的是https://github.com/PanJiaChen/vue-element-admin第一个问题是引入静态文件的路径与此不一样第二个问题是当把这个放在ivew
weixin_34355881·2018-05-23 09:37
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他