插件封装
100斤的狗
这个作者很懒,什么都没留下…
展开
-
vue中使用jsx封装一个文件预览的组件,可实现全屏,退出全屏,关闭预览等效果
1、创建一个组件(其中包含全屏,退出全屏,关闭预览等功能,加载中的组件使用了antd的组件库,使用jsx渲染页面,可改成template) 目录: Component.vue内容: <script> export default { name: 'FilePreview', props: { }, data() { return { // 是否显示整个预览组件(默认不显示,点击预览按钮触发show事件 isShow: false,原创 2020-07-22 13:23:49 · 641 阅读 · 0 评论 -
vue封装toast插件
代码是跟着coderwhy王红元老师的视频打的,这里主要是记录一下 摘要:想要的效果:监听事件的点击,调用一个method,method中再调用this.$toast.show(message,duration),其中message为提示语,duration为提示语的显示时长 步骤(以下步骤非严格步骤顺序,太麻烦就直接整个文件代码放上来了): 创建一个components文件夹,其中包含两个文件,index.js和toast.vue 编辑toast.vue组件的样式 <template>原创 2020-06-30 13:15:17 · 218 阅读 · 3 评论