文章 2022-06-13 来自:开发者社区

VUE3(三十)自定义抽屉组件Drawer

我这里计划做一个即时聊天的小功能,计划是在一个抽屉组件中实现这个功能。但是最后能不能成功我也不知道,毕竟我没做过,但是抽屉组件可以提前做一个嘛,这个不是很难。代码:Drawer.vue:<template> <div class="drawer"> &l...

VUE3(三十)自定义抽屉组件Drawer
文章 2022-06-13 来自:开发者社区

VUE3(二十九)自定义点击图片显示大图bigImg组件

上一篇中介绍了如何使用onclick为动态添加的dom元素绑定事件。我现在就可以自定义大图组件了。为ueditor编辑的html添加onclick这个步骤,我是在后端做的,后端返回到前端的值,就是已经拼装好的html。最后效果如下图所示:代码:BigImg.vue<template> <!-- 过渡动...

VUE3(二十九)自定义点击图片显示大图bigImg组件
文章 2022-06-13 来自:开发者社区

VUE3(二十七)自定义upload上传组件(显示上传进度)

项目中需要使用到文件上传。我这里自己定义了一个上传文件的组件支持显示上传进度显示(我这里显示的是真实的上传进度,当然,这个可以根据你自己的需求修改)。支持多文件上传。最终效果如下:代码:Uploads.vue<template> <div class="myUpload...

VUE3(二十七)自定义upload上传组件(显示上传进度)
文章 2022-06-13 来自:开发者社区

VUE3(二十六)基于wangeditor自定义富文本插件

项目中需要使用到wangeditor,这里封装一个自定义组件,便于后期使用。首先,官方文档:www.wangeditor.com/1:安装npm i wangeditor --save2:组件代码Wangeditor.vue<template> <div ref='edi...

VUE3(二十六)基于wangeditor自定义富文本插件
文章 2022-06-13 来自:开发者社区

VUE3(二十五)自定义Modal对话框组件

接着自定义组件,这里是我自定义的一个modal对话框组件。效果如下图所示:Modal.vue<template> <div class="modal-backdrop" v-if="modalShow"> <div class="modal" > ...

VUE3(二十五)自定义Modal对话框组件
文章 2022-06-13 来自:开发者社区

VUE3(二十四)自定义alert弹窗组件

我这里自定义了几个alert弹窗组件:1:带有确定取消的alert弹窗组件:效果如下图所示代码:/** * 自定义公共函数 */ const utils = { /** * @name: 自定义alert(确定,取消) * @author: camellia * &#...

VUE3(二十四)自定义alert弹窗组件
文章 2022-06-13 来自:开发者社区

VUE3(二十三)自定义分页组件Pagination

刚开始使用vue3写博客的时候,其相关配套的UI库并没有正式发布,但是我还要用,所以这里我自定义了一个分页组件:最后效果如下图所示:上代码:Pagination.vue<template> <!-- 自定义分页组件 --> <div class="page-b...

VUE3(二十三)自定义分页组件Pagination
文章 2022-06-13 来自:开发者社区

VUE3(十一)自定义组件子父传值

在创建项目的时候,官方给出的页面,其实就给出了一个自定义的组件helloworld,里边包含了父传子传值,VUEX的使用,计算属性computed使用,方法的定义以及自定义组件的使用。计算属性computed和方法的定义,这里使用的并不是VUE3的新语法。在《VUE3(八)...

VUE3(十一)自定义组件子父传值

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注