Vue 组件库 HeyUI@1.16.0 更新日志

栏目: 软件资讯 · 发布时间: 5年前

内容简介:HeyUI :一个基于Vue.js的高质量UI组件库 新版本v1.16.0 1、Col 重命名为 Cell 其实一开始定义Grid组件的时候,命名是参考iview, element, ant的,Grid组件分为 Row, Col两个子组件。 但是,其实Col和 table 中的...

HeyUI :一个基于Vue.js的高质量UI组件库

Vue 组件库 HeyUI@1.16.0 更新日志

新版本v1.16.0

1、Col 重命名为 Cell

其实一开始定义Grid组件的时候,命名是参考iview, element, ant的,Grid组件分为 Row, Col两个子组件。

但是,其实Col和 table 中的 col 标签是存在命名重复的问题,这样会一直导致vscode编辑器对Col进行报错。

Vue 组件库 HeyUI@1.16.0 更新日志

原因是由于 html中 col 标签是默认关闭的标签: <col width="60%"/>

而一般开发人员为了避免这个bug,需要设置 “vetur.validation.template”: true 才能解决。

其实,真实开发的过程中,我是不建议修改此项配置的,所以以后,Col 重命名为 Cell, Col组件 依旧向下兼容支持。

 

2、添加 var.js 文件

由于 vue-cli 3.0 已经支持less全局变量的功能了,HeyUI组件库支持 var.js 文件

const globalVars = require('./src/css/var.js')

module.exports = {
  css: {
    loaderOptions: {
      less: {
        globalVars
      }
    }
  }
}

通过在 vue.config.js 配置以上配置,即可全局使用less全局变量。

具体应用可以参考 https://github.com/heyui/heyui-admin 项目

3、重构Table组件

由于vue@2.6升级后,对$slots, $scopedSlots进行了结果上了修改,这样就导致HeyUI table组件产生了bug,并且也由于之前的结合设计不是很合理,此次针对Table组件直接进行了重构。

4、其他Fix

 

HeyUI Admin 系统即将上线:

http://admin.heyui.top/

Vue 组件库 HeyUI@1.16.0 更新日志


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

智能时代

智能时代

吴军 / 中信出版集团 / 2016-8 / 68.00

大数据和机器智能的出现,对我们的技术发展、商业和社会都会产生重大的影响。作者吴军在《智能时代:大数据与智能革命重新定义未来》中指出,首先,我们在过去认为非常难以解决的问题,会因为大数据和机器智能的使用而迎刃而解,比如解决癌症个性化治疗的难题。同时,大数据和机器智能还会彻底改变未来的商业模式,很多传统的行业都将采用智能技术实现升级换代,同时改变原有的商业模式。大数据和机器智能对于未来社会的影响是全方......一起来看看 《智能时代》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具