随笔分类 - Vue全家桶
记录和复习一些比较容易混淆的知识点和小demo
摘要：代替 Vue.delete vue3 中可以使用 delete obj.xxx 就可以实现去删除 obj的xxx属性！！！ 第二种： 借助于 del import {del} from 'vue' del(obj, propertyName) 也可删除属性！！！ 每个vue 页面因为scoped 这
阅读全文
摘要：import domtoimage from 'dom-to-image' import html2camvas from 'html2canvas' function saveView() { // 这个框架ok,网上说这个框架清晰度不好，我试了下，感觉还够用！ 2 let capture = d
阅读全文
摘要：vue3新特性 单文件组件 CSS 功能 | Vue.js (vuejs.org)： 支持通过 data-v-[id]的方式去独立控制样式，<style>中 样式只对有 【data-v-[id]】 约束的selector 生效 支持去将<style module> 模块化，模块化后，可以在<div
阅读全文
摘要：1. vue3 中，想要直接调用子组件上的的方法，最重要的一个步骤就是将想要访问的子组件上的方法和属性给暴露到外部！！！ <template> <el-drawer> </el-drawer> </template> <script setup> const func1= () => { // 业务
阅读全文
摘要：① 基于vite的项目，修改node_modules中引用的包，但是开发模式下，不会检测到改变的问题：为了提高运行速度，vite 在首次运行时，对 node_modules 中的包进行了 esmodule 化，存储在 node_modules/.vite 目录下，这样下次就可以直接使用浏览器读取，提
阅读全文
摘要：import { createApp } from 'vue' import App from './App.vue' const app = createApp(App); app.config.globalProperties.$echarts = echarts app.config.glob
阅读全文
摘要：首先引入 vue3，这里是取一个别名方便后续引入 <body> <div id="app"></div> </body> <script type="module"> import * as vue from 'vue' Object.assign(window, vue);// 将vue对象绑定到
阅读全文
摘要：需要准备的插件和包（threeJS等包省略，这个三是实现标题功能核心的包）： jszip Docs:JSZip (stuk.github.io) jszip-utils FileSaver package1&2 是 从 压缩包中读取 模型的关键！！！， package1&3是模型打包压缩必须的！ 【
阅读全文
摘要：这个一般都是因为你在父组件请求到了 数据，然后传给echarts 子组件所导致的问题 这个qreport 组件就是封装 echarts 图表的子组件，reportData 就是图表所需数据，在父组件中onMounted 中请求获得 其实这个bug困扰我好几次了，也陆陆续续的去百度过原因和解决方案。
阅读全文
摘要：问题发现 这个问题是打包之后，上线到服务器上发现的，开发过程中却没有遇到，发现这个问题后，在开发模式下，去各种路由跳转然后回去也没有出现这个问题。说明这个问题只有打包后才会出现的！ 问题这里展开说一下，标题只阐述了部分，问题罗列出来就是路由a跳转到b，再回到a时，模型加载空白， 并且自定义的css2
阅读全文
摘要：【vue.config.js 或者 vite.config.js 中配置】 server: { // proxy: { //server 开启， 生产模式 // '/api': { // changeOrigin: true, // target: 'http://yourdomain:9504',
阅读全文
摘要：前言： 最近公司计划做一个关于计测方面的案子，希望可以以3d的方式去直观的展示测量目标本体以及测量工位等信息。先后决定从达索，华天sview，HOOPS等web3d方案解决商去选取，经过调研之后发现这三款库价格且比较昂贵，并且有的开发文档全英文，有的不详细，反正就是开发上困难不小，加上开始案子都不重
阅读全文
摘要：【https://bbs.csdn.net/topics/393404643】，解决方案在这个论坛中，记录一下。 A:数组和对象不支持双向绑定，需要使用$set vue设置对象值时应该使用$set this.categories = result.data.body //改为： this.$set(
阅读全文
摘要：结构为： 想去修改 黄色荧光笔位置时，一直不生效，就想到是不是权限不够，仔细一想应该是这样，父组件中修改子组件的样式的话，需要用到深度选择器 /deep/，加上这个前缀就ok了
阅读全文
摘要：1.全局使用 axios 2, 全局使用 element ui 如果你的 或者 vue为 vue3的版本，是不兼容 element-ui的，element有个升级版 叫 element-plus 这个才兼容 vue3 ，如果vue3还引入 element-ui 并挂载到全局的话就会报错： 3. Vu
阅读全文
摘要：这篇博客都可以无缝衔接【https://www.cnblogs.com/Hijacku/p/15392107.html】这一篇 由于那一篇是windows，我以为 在linux 上进行相同操作 可以打包成功，没想到还是失败了。 linux 上打包成功差不多也花了大半天。 其中有尝试更新node版本，
阅读全文
摘要：1. 除了主页页面，其他刷新404 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushSta
阅读全文
摘要：原生js都是通过自己定义函数来实现的，vue中 可以直接使用 loadsh 中封装好的 ，loadsh 向外 暴露了 { throttle, debounce } 这两个方法 import { throttle, debounce } from 'lodash' /** * 函数节流装饰器 * @p
阅读全文
