草庐IT

layui-vue 1.9.0 发布，一个 Vue 3 UI 框架

就眠仪式 2024-02-28 原文

本次推送，预示着这将是一个值得信任的版本。

截至 1.9.0 发布，已在 Gitee 收获 1926 Star。完成 Issues 541 个。

突破 npm 周下载 3000 次。

更新日志：

[新增] input 组件 focus 与 blur 方法。

[新增] textarea 组件 focus 与 blur 方法。

[优化] select 组件开启多选，传递非 array 类型数据时的异常信息。

[优化] upload 组件裁剪框自适应图片尺寸。

[重要] upload 组件单文件上传，file 字段不再采用 file [index] 格式。

[升级] layer-vue 到 1.6.0 版本。

更多详情：

随着 layui-vue 1.9.0 的发布，同时 layer-vue 也发布了 1.6.0 里程碑版本，

让我们看看它带来了哪些变化？

独立网站：http://layer.layui-vue.com

  1. 新增 btn 按钮 disabled 配置，用于开启禁用状态，值得注意是，它具备响应式的能力。
  2. area 属性设置为 “auto” 时，它将自适应内容尺寸，包括静态资源。
  3. 值得注意是，第二点间接改善了 upload 的裁剪框功能。
  4. 消息通知样式重构，通过留白，间距处理，使其更具观赏性。
  5. 增强 offset 属性，你可以通过 t l b r 四个字母的自由组合，表现出更多的内设位置和动画效果。


6. 新增了 footer 插槽，用于帮助用户来实现高度自定义的底部操作内容。

除对代码的更新外，我们重新梳理了组件文档，与指南说明，改善文档的可读性。包括但不限于夜间主题，国际化，常见问题，主题配置等。

本次更新带来了很多改变 请恕本页无法为您逐一讲解，如需查看更多，可前往官网 或 Gitee。

官网：http://www.layui-vue.com

寄语：layui-vue 已迈入稳定的长期发布，我们准备好了，你准备用了吗 💓

layui-vuelayuixff0cxff0xffvuehtmlcssjavascript

有关layui-vue 1.9.0 发布，一个 Vue 3 UI 框架的更多相关文章

  1. ruby - 在 64 位 Snow Leopard 上使用 rvm、postgres 9.0、ruby 1.9.2-p136 安装 pg gem 时出现问题 - 2

    我想为Heroku构建一个Rails3应用程序。他们使用Postgres作为他们的数据库，所以我通过MacPorts安装了postgres9.0。现在我需要一个postgresgem并且共识是出于性能原因你想要pggem。但是我对我得到的错误感到非常困惑当我尝试在rvm下通过geminstall安装pg时。我已经非常明确地指定了所有postgres目录的位置可以找到但仍然无法完成安装:$envARCHFLAGS='-archx86_64'geminstallpg--\--with-pg-config=/opt/local/var/db/postgresql90/defaultdb/po

  2. 计算机毕业设计ssm+vue基本微信小程序的小学生兴趣延时班预约小程序 - 2

    项目介绍随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱小学生兴趣延时班预约小程序的设计与开发被用户普遍使用,为方便用户能够可以随时进行小学生兴趣延时班预约小程序的设计与开发的数据信息管理,特开发了小程序的设计与开发的管理系统。小学生兴趣延时班预约小程序的设计与开发的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与小学生兴趣延时班预约小程序的设计与开发的实际需求相结合,讨论了小学生兴趣延时班预约小程序的设计与开发的使用。开发环境开发说明：前端使用微信微信小程序开发工具：后端使用ssm：VU

  3. (附源码)vue3.0＋.NET6实现聊天室(实时聊天SignalR) - 2

    参考文章搭建文章gitte源码在线体验可以注册两个号来测试演示图：一.整体介绍　　介绍SignalR一种通讯模型Hub(中心模型，或者叫集线器模型)，调用这个模型写好的方法，去发送消息。　　内容有：　　　　①：Hub模型的方法介绍　　　　②：服务器端代码介绍　　　　③：前端vue3安装并调用后端方法　　　　④：聊天室样例整体流程：1、进入网站->调用连接SignalR的方法2、与好友发送消息->调用SignalR的自定义方法 前端通过，signalR内置方法.invoke()  去请求接口3、监听接受方法（渲染消息）通过new signalR.HubConnectionBuilder().on

  4. vue 实现内容超出两行显示展开更多功能，可依据需求自定义任意行数！ - 2

    平时开发中我们经常会遇到这样的需求，在一个不限高度的盒子中会有很多内容，如果全部显示用户体验会非常不好，所以可以先折叠起来，当内容达到一定高度时，显示展开更多按钮，点击即可显示全部内容，先来看看效果图： 这样做用户体验瞬间得到提升，接下来看看具体细节。0">主要操作在内容这里{{item.username}},……展开更多样式大家可依据自己项目需求进行设计，这里就不贴了，主要说几个关键的。1、在data中定义三个属性isShowMore:false, //控制展开更多的显示与隐藏textHeight:null, //框中内容的高度status:false, //内容状态是否打开2.计算内容是否

  5. vue3.0 + vite2.0+如何兼容低版本浏览器 - 2

    这里写自定义目录标题一、问题二、解决三、解决方案四、打包预览一、问题在使用vue3.2和vite2开发一个移动端或者钉钉端H5微服务iosapp内置浏览器打开没问题安卓app内置浏览器打开空白页面vconsole打印出现报错globalthisundefind二、解决内置浏览器版本比较低打印出来是63vue3代码不兼容低版本浏览器三、解决方案步骤一：vite.config.ts里build.target配置项指定构建目标为es2015或者步骤二：安装@vitejs/plugin-legacy安装完报错也还在指定版本可以解决“@vitejs/plugin-legacy”:“1.8.0”,步骤三：

  6. Vue3的新特性 - 2

    Vue3的新特性包括：CompositionAPI：一种新的API风格，可将有关组件功能的代码逻辑封装在单独的函数中，从而更好地管理和重用代码。Teleport：可以让组件在DOM层次结构中的任何位置渲染。Suspense：一种新的异步渲染模式，可以优化应用程序的性能。更快的渲染速度：Vue3使用了新的虚拟DOM算法，并且对渲染过程进行了优化，因此在渲染大型应用时性能更高。更小的包大小：Vue3的打包大小比Vue2更小，因为它不再需要依赖像vue-template-compiler这样的工具。其他改进：Vue3还具有其他一些改进，例如更好的TypeScript支持、更好的错误提示和更好的调试工

  7. ruby - pg_config、ruby pg、postgresql 9.0 升级后出现问题，centos 5 - 2

    将postgresql8.1升级到9.0后，我注意到库依赖性存在问题。Postgresql工作正常(连接、查询)。yumlistpostgresql*InstalledPackagespostgresql.i3869.0.0-1PGDG.el5installedpostgresql-debuginfo.i3869.0.0-1PGDG.el5installedpostgresql-devel.i3869.0.0-1PGDG.el5installedpostgresql-libs.i3869.0.0-1PGDG.el5installedpostgresql-odbcng.i3860.90.

  8. vue2+element-ui,el-aside侧边栏容器收缩与展开 - 2

    一、概览实现效果如下：二、项目环境1、nodejs版本node-vv16.16.02、npm版本npm-vnpmWARNconfigglobal`--global`,`--local`aredeprecated.Use`--location=global`instead.8.15.03、vue脚手架版本vue-V@vue/cli5.0.8三、创建vue项目1、创建名为vuetest的项目vuecreatevuetest选择Default（[Vue2]babel,eslint）  2、切换到项目目录，启动项目cdvuetestnpmrunserve 3、使用浏览器预览 http://localh

  9. Vue学习笔记：Vue element-ui中table组件的使用----接入后端数据 - 2

    记个笔记以免遗忘，建议还是查看Element-UI提供的官方文档学习，自己摸索比较难受官方文档：Element-UI组件TableElement-UI官网提供了许多Table格式，这里以一个带有筛选器的表格为例表格的官网显示效果：直接将官方提供的示例代码贴入.vue文件中即可使用显示的数据是通过data()方法提供的假数据。方法见下：data(){return{tableData:[{date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{date:'2016-05-04',name:'王小虎',address:'上海市普陀区金沙江路1

  10. ruoyi-vue 新建模块--若依前后端分离系统代码生成。 - 2

    目录：1.在数据库中创建表2.使用代码生成功能，生成基础代码2.1修改代码生成器中配置文件generator.yml2.2使用系统工具代码生成3.新建子模块，迁移代码3.1创建grayskyax-assetsmanagement模块3.2在RuoYi整个项目下的`pom.xml`中引入刚刚新建的模块：3.3在ruoyi-admin模块的pom.xml中引入新建的模块3.4在新建的assetsManagement模块中引入ruoyi-common模块3.5将之前解压后的文件放如项目的对应目录下;3.6在数据库中执行生成的sql脚本3.7配置扫描路径application.yml,applicat

随机推荐