随笔分类 - VUE
摘要：安装 vite-bundle-analyzer yarn add vite-bundle-analyzer -D 使用 vite.config.ts import { analyzer } from 'vite-bundle-analyzer' export default defineConfig
阅读全文
摘要：代码如下 upload组件的 afterRead 方法： const afterRead = async file => { file.status = "uploading"; file.message = "上传中..."; const { data } = await upLoaderImg(
阅读全文
摘要：问题 项目中使用vue3+vant4，列表页使用了 List 来做列表加载，代码如下： <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > <div v-if=
阅读全文
摘要：可在App.vue文件中引入样式 <template> <router-view /> </template> <script setup> // Toast import "vant/es/toast/style"; // Dialog import "vant/es/dialog/style";
阅读全文
摘要：实现效果 代码如下 多选组件 DictSelect.vue <template> <van-popup :show="showPicker" position="bottom" :style="{ height: '34vh' }"> <div class="con"> <div class="co
阅读全文
摘要：在Arco Design组件库中，table组件 默认只有行的边框，如下图： 文档中 bordered 属性的描述： 那么我们给bordered添加 { cell: true } 即可，修改代码如下： <a-table :bordered="{ cell: true }" :columns="col
阅读全文
摘要：## 报错信息 ``` npm WARN deprecated left-pad@1.3.0: use String.prototype.padStart() npm ERR! Error while executing: npm ERR! C:\Program Files\Git\cmd\git.
阅读全文
摘要：使用setup的情况下这个时候我们无法使用this，注意在setup中setup是封闭的，不会将子组件事件暴露出来，所以要用defineExpose()，将需要在父组件调用的函数暴露出去，子组件代码如下： ``` 哈哈哈哈 ``` 父组件： ``` import { ref, onMounted }
阅读全文
摘要：## 问题描述 使用uni app模板开发微信小程序过程中引入高德地图小程序插件失败， 先看代码： ``` import amap from "@/lib/amap-wx.130.js";//引入高德地图小程序插件 ``` 报错： `SyntaxError: The requested module
阅读全文
摘要：## 实现方式 实现了列表的上拉加载、下拉刷新，使用的是vant库中的 [List](https://vant-ui.github.io/vant/#/zh-CN/list) 和 [PullRefresh](https://vant-ui.github.io/vant/#/zh-CN/pull-re
阅读全文
摘要：## 问题 PullRefresh 的内容未填满屏幕时，只有一部分区域可以下拉： ``` 内容 ``` ##解决 我们需要给 .van-pull-refresh__track 一个高度就可以了，代码如下 ``` ``` ## 注意 在修改css样式时，出现了一个错误，一开始使用的是以下代码来修改 .
阅读全文
摘要：## 问题描述： ``` // 声明变量 let data = reactive([]); http().then(res=>{ data = res.data console.log(data) }) // data数据更新，页面没有渲染， ``` ## 1、因数据结构而导致的未渲染解决方法： *
阅读全文
摘要：## 问题描述 单页面应用中一般把样式文件写在.vue文件中，如下: ``` ```
阅读全文
摘要：在setup选项里使用computed需要手动引入computed方法，computed接受一个 getter 函数，并根据 getter 的返回值返回一个不可变的响应式 ref 对象。或者，接受一个具有 get 和 set 函数的对象，用来创建可写的 ref 对象。下面来看示例。 父组件index
阅读全文
摘要：在setup选项里使用watch有两种办法。 ## 第一种：使用watchEffect watchEffect立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数，可以接收watchEffect的返回值用来停止监听。 示例： ``` {{message}} 修改message
阅读全文
摘要：` // 通过props传过来的是一个静态值，如果需要赋值给双向绑定的数据 ``` * 带默认值的props ``` export interface Props { msg?: string labels?: string[] } const props = withDefaults(define
阅读全文
浙公网安备 33010602011771号