随笔分类 -  vue / vue3

存放vue3项目的
摘要:在使用 van-uploader 组件上传图片时,如果需要在客户端进行图片压缩,可以使用JavaScript的 Canvas API来实现。以下是一个简单的示例,展示了如何在上传之前对图片进行压缩: html <template> <van-uploader v-model="fileList" : 阅读全文
posted @ 2024-03-18 14:26 蓝色精灵jah 阅读(368) 评论(0) 推荐(0) 编辑
摘要:<template> <div ref="container" class="container"> <!-- 内容 --> </div> </template> <script> import { ref, watchEffect } from 'vue'; export default { se 阅读全文
posted @ 2024-02-19 17:04 蓝色精灵jah 阅读(253) 评论(0) 推荐(0) 编辑
摘要:当我们新建vue3项目,package.json文件会自动给我添加一些配置选项,这写选项基本没有问题,但是在实际操作过程中,当项目越来越复杂就会出现问题。本文列举一个目前我遇到的一个问题:打包后报了一堆TS类型错误,怎么消除这些错误? 项目环境:Vue3 + Vite + TS 当项目进行打包时候, 阅读全文
posted @ 2024-01-17 18:05 蓝色精灵jah 阅读(2355) 评论(0) 推荐(0) 编辑
摘要:要获取循环的 <div> 元素的总宽度,您可以使用 Vue 3 中的 ref 和 $refs。 在模板中,使用 v-for 循环生成多个 <div> 元素,并为父元素和每个子元素添加 ref 属性。例如: <template> <div ref="parentDiv"> <div v-for="it 阅读全文
posted @ 2024-01-12 11:16 蓝色精灵jah 阅读(713) 评论(0) 推荐(0) 编辑
摘要:1.监听父组件的 宽高 2.将监听到的高度赋给 你需要设置的对象 :: 引入监听 并实现 如何得到动态宽度 (此时的 div2 会与 divDom 宽度会保持一致) <template> <div ref="divDom"></div> //你可以手动或者换成可拖拉伸缩的盒子 <div ref= " 阅读全文
posted @ 2024-01-12 10:13 蓝色精灵jah 阅读(4058) 评论(0) 推荐(0) 编辑
摘要:下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac:【shift】+【option】+【f】win:【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标,可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett 阅读全文
posted @ 2024-01-10 10:00 蓝色精灵jah 阅读(3654) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示