iview
iview tooltips 表格显示超出显示
<template> <!-- columns存在render,超出显示tooltip+省略号--> <Tooltip placement="right-end" :content="value" :disabled="!showTooltip" style="width: 100%"> <span ......
iview 表格列自定义样式
{ title: '操作', key: 'action', align: 'center', renderHead: () => {}, // 自定义表头样式 className: 'col_oper', width: 120, render: (h, params) => { // 自定义列 re ......
基于.NET Core + Quartz.NET+ Vue + IView开箱即用的定时任务UI
前言 定时任务调度应该是平时业务开发中比较常见的需求，比如说微信文章定时发布、定时更新某一个业务状态、定时删除一些冗余数据等等。今天给大家推荐一个基于.NET Core + Quartz.NET + Vue + IView开箱即用的定时任务UI（不依赖数据库,只需在界面做简单配置）：Quartz.N ......
iview表格行列合并
官网 demo 并没有对 handleSpan 方法进行详细说明 demo 运行效果如下图 可以看到，第一行的第一列和第二列合并，第三行第一列和第四行第一列合并 这时，我们再看代码 先看 ① 处的代码，rowIndex 0 指的是第一行， columnIndex 0 指的是第一列，rowIndex ......
iview Dropdown用法事例
<Dropdown transfer="true" @on-click="dropdownAction($event, params.row)"> <a href="javascript:void(0)"> ... </a> <Dropdown-menu slot="list"> <Dropdown ......
[转] VSCode中 Vetur插件排版Vue文件 Col 标签子标签不被缩进的问题 iview viewDesign 自动格式化
[转] VSCode中 Vetur插件排版Vue文件 Col 标签子标签不被缩进的问题 iview viewDesign 自动格式化 问题 Col标签不对齐 首先直接放解决办法 在 vsCode settings.json 中添加 { // 缩进大小,自行按需配置 "vetur.format.opt ......
iview2.0 InputNumber 保留两位小数
<FormItem prop="free" label="包期费用(元)："> <Input-number :min="0" style="width: 100%" v-model="formValidate.free" placeholder="请输入单价(元)" :formatter="valu ......
iview Form表单校验失效问题
校验规则的 prop名称要和 v-model中的字段名称一致，否则会校验不通过，例如password输入框，prop为passwordProp,字段名称为password，即使输入字段也会校验不通过 <template> <Form ref="formRef" :model="formInline" ......
iview库table组件中标头render函数使用方法
columns: [ { title: "序号", align: "center", width: 80, key: "id", fixed: "left", }, { title: "标题", key: "task_name", width: 300, tree: true, renderHead ......
iview Cascader loadData Vue
<template> <div> <Card dis-hover> <div class="page-body"> <Form ref="queryForm" :label-width="90" label-position="left" inline> <Row :gutter="16"> <Co ......
iview(viewUI)表格实现将指定列的值相同的行合并单元格
效果图： 在线DEMO <template> <Table :columns="columns1" :data="data1" :span-method="handleSpan"></Table> </template> <script> export default { methods: { ha ......
iView(viewUI)实现下拉选择框中选项分组，每组选项单选，整个拉选择框多选
效果图： 在线DEMO <template> <Select v-model="selectedOptions" multiple> <Option-group v-for="group in optionGroups" :key="group.label" :label="group.label" ......
less中更改iview组件默认样式
1.先声明变量'deep' @deep: ~">>>"; 2.使用该变量去修改ivew的样式 @{deep} .ivu-modal-body //与类之间要有空格 完整代码: @deep: ~">>>"; #qualityControlIssueList { height: 100%; .textR ......
iview tree控件的checked属性值无法更改
问题：iview tree控件的checked属性值无法更改； 解决要点： 1、需要在最开始绘制tree时就给其数据添加checked等属性； 2、tree组件是父子联动的，如果需要把子级的checked的值改为false，则需要将父级的checked也改为false。 因为与tree控件绑定的数据 ......
iview的table里面套Input
{ title: '误差下限', key: 'yLowerLimitError', align: 'center', minWidth: 100, render: (h, params) => { return h('Input', { props: { value: '', size: 'smal ......
modalError.vue 错误提示框 vue2 iview
## 需求 一个错误提示框，后台需要有换行，默认没有换行，做一个支持换行的全局错误提示函数。 ## 注意 代码只展示原理，直接不能使用，里面有getAc，有需要参考 https://www.cnblogs.com/pengchenggang/p/17037428.html ## 预览 ![](htt ......
iview在table内的动态表单必填校验
记录一个小问题，在table内的动态表单如何做必填校验 如图，内容栏中每行会有几个输入框是不确定的，会根据具体数据渲染，那这种动态的表单如何校验呢，直接上代码 <Form :model="formData" ref="dataForm" :rules="formRules" :label-width ......
vue iview render函数渲染table表头和列表内容
1 computed:{ 2 tableColumns(){ 3 return [ 4 { 5 title: "封面", 6 key: "pageImage", 7 render: (h, params) => { 8 return h("img", { 9 style: { 10 height: ......
基于.Net5+Vue+iView前后端分离通用权限开源系统
在Github上，.Net通用的权限框架非常多，功能也都比较强大，但是对于很多初学者来说，想要从零学习框架的搭建，就比较困难了。 所以，今天给大家推荐一套比较简单的前后端分离通用权限系统。 项目简介 这是一个基于.Net5+Vue+iView开发的、前后端分离通用权限系统，系统采用三层架构，该项目功 ......
ip 表单验证 vue iview
ip 表单验证 vue iview template <Row v-show="config.bindIP"> <Col span="12"> <FormItem label="绑定IP：" prop="userPhoto" :rules="[{ required: true, validator: ......