悟世君子的博客

View UI Plus 实现表格单选，这里需要用到 render 函数，实现的思路是使用render函数自定义表格列为单选框或多选框，然后监听每个单选框或多选框的chang事件，一旦它们中的任意一个发生变化，则将所有的单选框或多选框选中取消，将发生变化的单选框或多选框设置为选中。我们可以先保存一下当前点击的Checkbox的选中状态，然后将所有Checkbox都设置成不选中，然后判断之前保存的Checkbox的选中状态，如果是true，说明点击前是选中状态，则不做任何处理；上面代码的关键点有3处。

View UI，即原先的 iView，从 2019 年 10 月起正式更名为 View UI，并使用全新的 Logo本文介绍 View UI （iview）中的组件 Form表单的 Select选择框验证无效问题问题详细内容是，Select选择框选中后，表单验证不通过，提示没有选中代码如下<template> <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :labe

View UI，即原先的 iView，从 2019 年 10 月起正式更名为 View UI，并使用全新的 Logo本文介绍 View UI （iview）动态表单的使用。在项目开发中，有些数据的数量是动态的，不确定的，可能是1条，也可能是多条。如人的证件，工作经历，项目经验等。在做这些数据的添加时就要使用动态表单1、使用介绍首先将 iview 官方的动态表单的代码全部复制出来，粘贴到项目里，看一下运行效果代码如下<template> <Form

View UI，即原先的 iView，从 2019 年 10 月起正式更名为 View UI，并使用全新的 Logo问题描述：在使用 View UI （iview） 的 select 标签时，无意间发现一个问题，就是在select 标签中选中一个值，然后将 select 标签置空，获取 select 标签中的值为 undefined，此处正常应该为设置的空值，但实际却是undefined。有趣的是点击 2 次重置为空按钮后，却能获取到设置的空值代码如下<template&gt..

View UI，即原先的 iView，从 2019 年 10 月起正式更名为 View UI，并使用全新的 Logo在项目开发中，有时需要对表格进行拖拽排序，View UI （iView）从3.3.0版本开始，增加了拖拽调整行顺序功能，但是目前官网并没有给出相关示例 demo，于是笔者决定写篇文章进行总结。看过官网 api 后，其实还是很简单的1、拖拽功能实现代码如下<template> <Table border :c..

View UI，即原先的 iView，从 2019 年 10 月起正式更名为 View UI，并使用全新的 Logo在项目开发中，有时需要将表格的行或列进行合并，View UI （iView）从4.0.0版本开始，增加了行/列合并 属性，使我们可以方便地对表格行列进行合并，本文介绍这一属性如何使用1、基本使用介绍首先，要确保使用了 View UI （iView）4.0.0 以上版本打开官方文档，可以看到，行/列合并需要设置属性span-method通过 span...