uni-app图片预览,视频预览组件,支持vue2,vue3
基础使用方法 <template> <image v-for="(item,idx) in imgList" :src="item" :key="idx" @tap="handleClick(idx)"></image> <preview-img :imgList="imgList" ref="preview"><preview-img>…
基础使用方法 <template> <image v-for="(item,idx) in imgList" :src="item" :key="idx" @tap="handleClick(idx)"></image> <preview-img :imgList="imgList" ref="preview"><preview-img>…
<input id="file" @change="uploadImegs($event,3)" type="file" accept="image/*" /> uploadImegs(e) { let _file = e.target.files[0]; if (_file) { if (!/\.(jpg|jpeg|png|JPG|PNG)$/.test(e.target.value…
Vue创建Demo项目 Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。 npm npm 版本需要大于 3.0,如果低于此版本需要升级 # 查看版本 npm -v #升级…
参考文章 https://blog.csdn.net/qq_42004292/article/details/111355006 ,不过这个文章正则有问题,我试了几个新的emoji都校验不到 我的是vue2.*版本 首先在src文件夹下建个directive,里面存放自己的自定义指令js文件,然后创建emoji子文件夹 在里面创建emoji.js和index.js emoji.js (加上大概意思…
很多组件有@change事件,那到底如何获取到当前的参数呢? 1.自定义参数: 比如一个a-checkbox的change事件: <a-checkbox :checked="source.check" @change="onCheckAllChange($event,source)"> {{source.name}} </a-checkbox> onCheckAllChan…
文章目录 一、前言 二、后端部分 新建Maven 项目 后端 pom.xml 配置文件 application.yml HttpStatus.java AjaxResult.java CommonConstant.java WebConfig.java CheckChunkVO.java BackChunk.java BackFileList.java BackChunkMapper.java B…
PV:page view 页面的访问量、浏览量。 UV:Unique Visitor 一天24小时内,你的网站访问的IP数量。 我们以vue项目来举例,每访问一个页面,都会经过main.js文件,所以我们在main.js中调用接口,将页面链接,名称等参数传递给后端即可。 router.afterEach((to, from, next) => { comFun.hasToken().then…
Vue 的组件通信方式 开篇先俗套一下,在 Vue 中,组件间的通信有以下几种方式: prop 作用: 父组件向子组件传值,单向数据流 $emit $on 作用: 子组件发布事件,父组件订阅事件 vuex 作用: 集中数据管理,数据共享 Event Bus 作用: 作为全局事件池,发布订阅事件 ref 作用: 通过 ref 获取子组件的引用(实例),不是响应式的 $attrs $listeners…