weixin_47785344的博客

原创 2024-vue相关面试题

未更新完…

原创 9. 循环渲染出来的数据添加无法单独添加点击事件

问题：后端返回数据再添加点击操作的时候，会直接循环全部数据都添加，在触发的时候全部同时触发。 解决：![在这里插入图片描述](https://img-blog.csdnimg.cn/5e6a6fb2

原创 8.echarts在项目中的使用 && 页面跳转传递了数据但是不更新页面

4月13号路由传参：params传参的时候需要配置；query可以直接使用（this.$route.query）。项目中下载并全局注册了echarts之后没有效果：keep-alive的用法（框起来的代表：不被缓存）：

原创 7.vue原生实现点击页面滑动到指定位置

7.vue原生实现点击页面滑动到指定位置<template> <div> <div class="box"></div> <p @click="backtop">回到顶部</p> <p></p> </div></template><script>export default { mounted() { window.addE

原创 6.基于vue封装的上传文件等功能

效果图如下：文件所在位置：view/huge_file_upload/huge_file_upload.vue：(在项目中使用？)<template> <div> <div style="width: 350px"> <FileUploader :config="config" @fileUploadFinished="fileUploadFinishedHandle" @fileD.

原创 5.mock(数据模拟器)

使用步骤：点击moke地址1. moke网址中的相关简单配置： 2. 在postMan中测试接口3. 测试的接口没问题就可以在项目中使用了：5. 在控制台中查看

原创 4.vue实现基本滑块验证组件(注册验证)

// 基本滑块验证组件npm i vue-drag-verify2 -S (应该是下载这个)// 图片滑块组件npm i vue-drag-verify-img -S// 基本滑块验证组件(拼图)npm i vue-drag-verify-img-chip -S// 旋转图片滑块组件npm i vue-drag-verify-img-rotate -S<template> <div> <drag-verify ref="dragVerify7" :wi

原创 3.vue注册全局组件

原创 2.Vuex持久化存储之vuex-persist

Vuex的状态存储并不能持久化，存储在 Vuex 中的 store 里的数据，只要一刷新页面，数据就丢失了所以引入vuex-persist 插件，可以自动将 Vuex的 store 数据本地持久化存储安装：npm install --save vuex-persist使用(store.js里面的基础配置)：import VuexPersist from ‘vuex-persist’const vuexLC = new VuexPersist ({storage: window.localSto

原创 1.warning Delete `␍` prettier/prettier警告？

当打印台出现warning Delete ␍ prettier/prettier警告：解决方法： npm run lint --fix