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