前言:
此时大家对“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插件