龙空技术网

超经典 Vue3 通用弹出层组件Vue3Layer

web前端进阶 1587

前言:

此时大家对“js汉字转拼音 vue插件”大致比较关怀,小伙伴们都需要学习一些“js汉字转拼音 vue插件”的相关文章。那么小编同时在网上收集了一些关于“js汉字转拼音 vue插件””的相关内容,希望大家能喜欢,大家快快来学习一下吧!

今天给大家分享一款超优秀的集成 layer.js+vue3 通用弹窗组件Vue3Layer。

vue3-layer 基于 layer.js 上层封装的 vue3 组件,100%支持 layer.js 的 API。实现vue3-dialog、vue3-model等弹框功能。

安装

# npmnpm install vue3-layer --save# yarnyarn add vue3-layer
快速引入
import { createApp } from 'vue';import App from './App.vue';import { s3Layer } from 'vue3-layer';import 'vue3-layer/dist/s3Layer.css';const app = createApp(App);app.component('s3-layer', s3Layer);app.mount('#app');
使用组件
<template>  <s3-layer v-model="visible" title="标题">    <span>内容内容</span>  </s3-layer>  <button @click="visible = true">显示</button></template><script setup>import { ref } from 'vue';const visible = ref(false);</script>

由于 vue3-layer 是基于 layer.js 上层封装的组件,所以支持 layer.js 演示文档中所有的参数和 API。

如果大家对layer.js的vue3实现方式感兴趣,可以去看一看哈~

# 文档地址 仓库地址

OK,今天的分享就到这里了。

标签: #js汉字转拼音 vue插件