摘要: TRY... <template> <div class="app-container"> <div class="table-container"> <el-row :gutter="20"> <el-col :span="4"> <div class="drag-from-zone"> <div 阅读全文
posted @ 2022-05-13 17:47 豆浆不要油条 阅读(13) 评论(0) 推荐(0) 编辑
摘要: IntersectionObserver可以监测元素在当前可视窗口的比例,完成实现图片懒加载getBoundingClientRect也是一个很好用查看元素偏移等的API 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title></title> 阅读全文
posted @ 2022-05-13 15:10 豆浆不要油条 阅读(28) 评论(0) 推荐(0) 编辑
摘要: vue项目根据后端返回的路由动态生成并添加 RouterView代码: <template> <router-view></router-view> </template> RouterView只是用来中继子页面,才能让页面保持正常展示 如下图是前端页面文件结构 这是后台配置(URL就是路由路径,也 阅读全文
posted @ 2022-05-13 14:56 豆浆不要油条 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 电商后台需求-商品规格组件,参数是我们业务上需要的,不过八九不离十,使用elementUI库写的该组件,组件中的上传图片使用了oss-upload组件(详见另一文:阿里oss上传组件) <template> <div class="sku-list"> <template v-if="!disabl 阅读全文
posted @ 2022-05-13 14:36 豆浆不要油条 阅读(788) 评论(0) 推荐(0) 编辑
摘要: 阿里oss上传工具函数,首先需要先安装依赖 npm install ali-oss,还有上传支持压缩使用到了 compressorjs 这个工具库;randomString这个是自写的生成随机字串的函数,用来保证文件名唯一。 1 import OSS from 'ali-oss'; 2 import 阅读全文
posted @ 2022-05-13 14:26 豆浆不要油条 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 本文代码只是vue前端组件代码,还需要依赖vuedraggable组件库(支持拖拽排序);还需要ossUpload.js工具函数(详见另外一文:阿里oss上传工具) 该组件写的时候大部分都是参照elementUI的上传组件(其实是本来的业务代码都是通过后端上传,后面领导说要用oss,所以就写了这个组 阅读全文
posted @ 2022-05-13 14:18 豆浆不要油条 阅读(115) 评论(0) 推荐(0) 编辑