今天再给大家分享一个超优秀的Vue3桌面PC组件库LayuiVue。
layui-vue 基于vue3开发的一款layui风格桌面组件库。拥有35+组件。
安装
通过npm快速引入layui-vue组件。
npm i @layui/layui-vue -S
快速引入
import { createApp } from 'vue'import Layui from '@layui/layui-vue'import '@layui/layui-vue/lib/layui.css'import App from './App.vue'createApp(App).use(Layui).mount('#app')
使用组件
<template> <lay-button @click="changeVisible" type="primary">基础使用</lay-button> <lay-layer title="基础使用" v-model:visible="visible1"> <div style="padding: 20px;"> 这是一个基础弹窗 </div> </lay-layer></template><script>import { ref, watch } from "vue";export default { setup() { const visible1 = ref(false) const changeVisible = function() { visible1.value = !visible1.value } return { visible1 }; },};</script>
非常有情怀的一款layui vue3组件库。喜欢layui风格的不要错过哈。
# 官网地址http://layui-vue.pearadmin.com/# 仓库地址https://gitee.com/layui-vue
End,今天就分享到这里。如果vue项目中需要用到layui风格组件,不妨试试哟~
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/76789.html