目录在vue-cli中使用iview常见问题\报警告类型检查失败属性值中引用的变量没有被解析this的指向问题使用v-for渲染下拉列表时报警告事件监听不生效颜色选择器显示为向下箭头关于iview提供的事件监听 iview是一个基于vue的UI框架,主要用于编写后台、PC端页面。 在vue-cli中使用iview1、安装iviewnpm install iview --save不要用iview官网给出的npm install命令,那个命令容易出问题 2、在m
原创
2021-09-07 15:55:51
2200阅读
1.前端准备工作首先新建一个项目,然后引入iView插件,配置好router npm安装iViewnpm install iview --save
cnpm install iview --savesrc/main.js文件内容import Vue from 'vue'
import App from './App.vue'
import router from './router'
import
转载
2024-01-05 23:41:48
0阅读
1.table中排序和render方法不能共存,解决方法:保留render,然后排序不用提供的排序,自己写事件。
转载
2017-06-15 09:35:00
76阅读
2评论
点击文字展开子节点的方法: this.$set(selectedNode, "expand", !selectedNode.expand);
<!--病史采集-->
<template>
<div class="inquired">
<div class="inquiredContentBox">
转载
2024-08-23 15:07:32
85阅读
u-table -------------------------问题描述因为没有录屏,但是 根据图1和图2可以看出来,鼠标在非固定列位置是深色,在固定列位置是浅色,深色是可以左右滑动,浅色不能左右滑动。解决办法步骤1.test_a /deep/ .el-table__fixed {
pointer-events: none;
}
.test_a /deep/ .el-table__fixed
转载
2024-06-20 14:22:41
794阅读
iview文章iview
原创
2021-07-20 16:06:45
231阅读
1、登录页面:src/view/login引用src/components/login-form,点击登录按钮后,触发on-success-valid事件on-success-valid事件在src/view/login中执行事件响应handleSubmit函数handleSubmit函数调用src/store/module/user.js中的handleLogin和getUserInfo...
原创
2021-07-15 10:27:42
2251阅读
gitHub:https://github.com/huanglong6828/vue-tree-grid1,创建treeGrid.vue(将文件放入components中),其中树型表格的父元素图标不显示,我改了一下(改为ios-arrow-forward和ios-arrow-down),并添加了样式<!--
* @Author: 黄龙
* @pageName: 'tree-grid
转载
2024-03-20 09:43:57
57阅读
记一次在vue项目中在iview表格组件中使用DropdownMenu组件一、一般写法(网上很多,可以找到)二、在vue中使用jsx语法来写1、安装包包地址npm install babel-plugin-transform-vue-jsx2、在项目下的.babelrc配置插件{ "presets": ["env"], "plugins": [ "tran...
原创
2021-06-15 16:48:30
736阅读
iView框架的文档 https://www.iviewui.com/docs/guide/install 这里使用的是 npm 来安装,在项目下执行下面命令npm install iview --save: npm WARN ajv-keywords@3.2.0 requires a peer o
原创
2018-06-29 12:07:00
258阅读
1、进入到自己的项目,使用npm安装vue-json-editornpm install vue-json-editor --save2、在vue组件中使用vue-json-editor<template> <div> <p>vue-json-editor使用</p> <!--在模板中使用vue-jso...
原创
2021-07-12 15:34:22
704阅读
如何模块化使用iview框架一.前言废话二.什么是iview三.安装iview四.项目结构五.使用iview 一.前言废话作者是写java的,近几天刚接触vue,处于萌新阶段。希望通过该博客把自己学习开发的过程记录下来一、是为了后面回顾(假设作者后面忘了-可以快速的再走一遍过程)二、是作为一个萌新,学习中遇到的问题也可能是其他萌新会遇到的,希望其他同学能少走弯路。写的不好是必然的,内容只写作者觉
转载
2024-05-23 12:48:55
49阅读
在实现级联选择时,如果数据过长需要滚动时(overflow:auto),会忽略子元素的position:absolute;属性。导致position未能脱标。x轴会出现滚动条。不符合设计要求。
思路:用一个大盒子包裹,三个盒子并列排开。
布局:
1、在外层用一个div包裹第一层、第二层、第三层的盒子。(相对定位)
2、第一层盒子正常写。
2、第二层盒子利用决对定位并使用v-show控制显隐,lef
原创
2022-08-29 16:43:25
110阅读
官网地址:iview官网 1.iview在非 template/render 模式下标签的转化 以下组件,在非 template/render 模式下组件名要分隔: DatePicker:date-picker FormItem:form-item CheckboxGroup:checkbox-gr
转载
2021-04-06 18:04:00
447阅读
2评论
这个设计的真好,向iview作者致敬<template> <Table border :columns="columns
原创
2023-04-25 09:50:37
76阅读
涉及父子组件之间的传值:
原创
2022-01-13 13:51:17
339阅读
外层套的是 <FormItem prop="name" label="姓名:"> <FormItem prop="name" label="姓名:">
原创
2022-08-29 16:15:19
74阅读
先看官方文档: iview导航菜单 这里主要遇到的问题有两个: 1. 点击回到首页(B按钮)时需要取消选中当前选中的菜单项(全部不选中),这里用到的是 updateActiveName方法 2. 点击收起菜单(A按钮)时,关闭所有展开的子菜单(只展示一级菜单),这里要用到的是 updateOpene
原创
2019-03-20 16:45:00
311阅读
iView文件上传(OSS直传)前言:前期项目中使用了第三方的开源UI框架 View UI(前期叫 iView)。总体感觉该UI框架还是比较不错的。但是现在View UI商业化了,部分功能需要付费才能使用。近期做的功能模块需要上传文件,就想到UI中的Upload上传 模块,思前想后决定用它来实现文件上传。
之所以选用UI自身的文件上传,主要是因为其可配置,还有上传进度条。本次文件上传因为要涉及到大
转载
2021-01-19 17:43:28
1289阅读
2评论