vue3
camellias_
这个作者很懒,什么都没留下…
展开
-
VUE3(三十一)html单页面使用VUE3
之前一直在VUE3的框架中使用VUE3。但是我们在做一个小页面的时候,没有必要独立创建一个VUE项目的时候,我们该如何使用VUE3呢?下边我这边直接放出一个示例,复制粘贴就能用这里我使用了VUE3+element-plus<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conten原创 2021-07-26 09:39:21 · 8463 阅读 · 2 评论 -
VUE3(三十)自定义抽屉组件Drawer
我这里计划做一个即时聊天的小功能,计划是在一个抽屉组件中实现这个功能。但是最后能不能成功我也不知道,毕竟我没做过,但是抽屉组件可以提前做一个嘛,这个不是很难。代码:Drawer.vue:<template> <div class="drawer"> <!-- 遮罩层 --> <div class="mask-show" v-if="drawerShow" @click="close()" ></div> <原创 2021-04-26 09:10:09 · 4018 阅读 · 0 评论 -
VUE3(二十九)自定义点击图片显示大图bigImg组件
上一篇中介绍了如何使用onclick为动态添加的dom元素绑定事件。我现在就可以自定义大图组件了。为ueditor编辑的html添加onclick这个步骤,我是在后端做的,后端返回到前端的值,就是已经拼装好的html。最后效果如下图所示:代码:BigImg.vue<template> <!-- 过渡动画 --> <div name="fade"> <div class="img-view" @click="bigImg"&g原创 2021-04-25 10:01:24 · 964 阅读 · 0 评论 -
VUE3(二十八)页面加载完成后,使用onclick为动态添加的dom元素绑定点击事件
博客做的比较早,那个时候还不知道有markdown编辑器这个玩意。所以我的文章都是用ueditor编辑的。我这里大概想做一个大图的自定义组件:需求是,点击文章中的图片,显示大图。那么这里就有一个问题,我怎么在页面加载完成之后给html绑定事件呢?Jquery有$.on方法,但是,我不想再vue里边使用jquery。哎呀,迷糊了,原生javascript有onclick呀。上代码:1:要有一段在页面加载完成之后添加的html代码let conten=`<button οnclick="c原创 2021-04-23 08:52:36 · 2672 阅读 · 1 评论 -
VUE3(二十七)自定义upload上传组件(显示上传进度)
项目中需要使用到文件上传。我这里自己定义了一个上传文件的组件支持显示上传进度显示(我这里显示的是真实的上传进度,当然,这个可以根据你自己的需求修改)。支持多文件上传。最终效果如下:代码:Uploads.vue<template> <div class="myUpload"> <!-- 上传文件列表 --> <div class="myUpload-img center" v-for="(item,index) in mydata"原创 2021-04-22 09:22:11 · 2142 阅读 · 0 评论