• 2024-08-09vue+iview-table点击展开展示内容,表格嵌套
    实现如下效果的表格嵌套:点击展开,展示tabs。table的columns里设置展示的属性,然后属性里设置返回一个组件,然后在组件里写嵌套的内容。 <Table:columns="tableColumns":data="tableData"style="width:100%"@on-selection-change="handleSelection"><templ
  • 2024-02-02iView中Select无法自动填充值
      如下所示,使用的iView组件,在Select标签中有两个Option,其中一个是全部选项,当点击全部的时候,就会选中所有的工厂,再次点击全部的时候,可以取消选择所有工厂,同时不影响单个点击工厂。<Select:disabled="isUpdate==true"transfermultiplefilterableclearablev-model="queryD
  • 2024-01-27iview-input placeholder 样式修改
    /deep/.ivu-input::-webkit-input-placeholder{color:#87cfff;}/deep/.ivu-input::-moz-placeholder{/*MozillaFirefox19+*/color:#87cfff;}/deep/.ivu-input::-moz-placeholder{
  • 2023-12-07iview表格行列合并
    官网demo并没有对handleSpan方法进行详细说明demo运行效果如下图可以看到,第一行的第一列和第二列合并,第三行第一列和第四行第一列合并这时,我们再看代码先看 ① 处的代码,rowIndex === 0指的是第一行, columnIndex === 0指的是第一列,rowIndex和columnIndex
  • 2023-11-14记录--Vue2屎山之 Table 屎山
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言Vue2将在2023年年底停止维护了,但是Vue2的代码却不会在2023年消失,还会越来越多;难以想象几十万行或者几百万行的Vue2代码迁移到Vue3,这是不可能办到的;老一点的前端程序员肯定经历过把大型项目从jQue
  • 2023-10-27iview Dropdown用法事例
    <Dropdowntransfer="true"@on-click="dropdownAction($event,params.row)"><ahref="javascript:void(0)">...</a><Dropdown-menuslot=&qu
  • 2023-09-15iview Form表单校验失效问题
    校验规则的prop名称要和v-model中的字段名称一致,否则会校验不通过,例如password输入框,prop为passwordProp,字段名称为password,即使输入字段也会校验不通过<template><Formref="formRef":model="formInline":rules="ruleInline"inline><FormItemprop=&qu
  • 2023-08-03less中更改iview组件默认样式
    1.先声明变量'deep'@deep:~">>>";2.使用该变量去修改ivew的样式@{deep}.ivu-modal-body//与类之间要有空格完整代码:@deep:~">>>";#qualityControlIssueList{height:100%;.textRight{text-align:right}.searchForm{
  • 2023-06-29iview的table里面套Input
    {title:'误差下限',key:'yLowerLimitError',align:'center',minWidth:100,render:(h,params)=>{
  • 2023-05-15基于.Net5+Vue+iView前后端分离通用权限开源系统
    在Github上,.Net通用的权限框架非常多,功能也都比较强大,但是对于很多初学者来说,想要从零学习框架的搭建,就比较困难了。所以,今天给大家推荐一套比较简单的前后端分离通用权限系统。项目简介这是一个基于.Net5+Vue+iView开发的、前后端分离通用权限系统,系统采用三层架构,该项目功能
  • 2023-05-09基于.Net5+Vue+iView前后端分离通用权限开源系统
    在Github上,.Net通用的权限框架非常多,功能也都比较强大,但是对于很多初学者来说,想要从零学习框架的搭建,就比较困难了。所以,今天给大家推荐一套比较简单的前后端分离通用权限系统。项目简介这是一个基于.Net5+Vue+iView开发的、前后端分离通用权限系统,系统采用三层架构,该项目功能
  • 2023-04-18ip 表单验证 vue iview
    ip表单验证vueiviewtemplate<Rowv-show="config.bindIP"><Colspan="12"><FormItemlabel="绑定IP:"prop="userPhoto":rules="[{required:t
  • 2023-03-08iview table 左侧固定列 右侧固定列 滚动的时候 表格错位 解决方案
    iviewtable左侧固定列右侧固定列滚动的时候表格错位解决方案iviewtable滚动条位置重置https://www.jianshu.com/p/32fcd50489ff
  • 2023-02-28iview中刷新页面的时候更新导航菜单的active-name
    在做项目的时候,遇到一个问题,当刷新页面的时候,导航的激活菜单和当前显示的组件不匹配,查了一下官网(​​https://www.iviewui.com/components/menu​​),寥寥几句话就说完了,至于
  • 2023-02-26关于iView手动清除Select选择器内容的问题
    this.$refs.refName.clearSingleSelect()以上可以看出如果要生效清楚事件就必须设置好那个clearClose按钮tooltip:以上的方法会触发当前选择器的change事件,所以在监听c
  • 2023-02-21使用iview的时间选择器传指定格式
    如果直接使用v-model,传入的是JavaScript的Date,需要传指定的格式,除了修改format属性,还要绑定on-change事件,传入的e就是指定的格式。下面是例子:
  • 2023-02-16iview 踩坑 分页 Page modelValue
    分页组件对应的当前页的字段不能用V-model也不能value也不能用官网文档中的modelValue,应该用current我说实话,iview是真的坑<Page@on-change="runPage"
  • 2023-01-16iview daterange动态设置可选范围
    需求:iview中日期选择控件daterange动态设置日期可选范围,如选择一个月内。当用户选择第一个日期后,往前、往后,都只能选择一个月内的日期。思路:1、当用户选中第一个日期时,
  • 2023-01-07iView Cascader 级联选择 on-change 事件用法
    一、用法<FormItemlabel="父级菜单"label-position="top"><Cascader@on-change="selec
  • 2023-01-02iView Dropdown events 设置点击事件无效
    一、反例<Dropdownclass="m-btn-style"style="margin-left:10px"><Buttontype="primary">
  • 2023-01-02iView 树形组件 on-select-change 事件用法
    一、组件  <Tree:data="baseData"@on-select-change="checkBoxSel"show-checkbox></Tree>二、方法checkBoxSel(root,node){
  • 2022-12-15【已解决】iview—两个DatePicker日期组件比较大小的校验,以及会出现加载icon
    问题:在使用iview的日期选择组件(DatePicker)时,两个时间作比较时DatePicker会出现加载的icon图标,无法进行校验具体如图所示:  解决方式:  相关代码:<F
  • 2022-12-08vue+iview 表格行选中修改背景色
    <Table:columns="columns":no-data-text="L('NoDatas')"border:data="list":row-class-name="rowName"@on-row-click="selectChange
  • 2022-11-27iview表格expand的使用方法
    实现样式实现方法table<Tableref="table":columns="cloumns":data="data"@on-selection-change="selectTable"></Table>
  • 2022-11-14iview upload 手动上传
      <template><divclass="batchAddCustomer-container"><pclass="tit-p">水电管理</p><divclass="downtext">下载模板</div><divclass="text"