vue

当存在echarts第二次显示空白,且控制台没有报错时，从以下四点入手基本上可以解决问题 // 第一 需要有固定宽高 <div id="content-analysis" style="width:100%; height:500px"></div> // 第二 需要在页面加载完成后再去初始化 nextTick(() => { let chartDom = docum…

async function getPdf(title,domName,_this) {//文件名，'name' // return let a4HeightRef=0 let leftHeight=0 let position=0 let pdfProgress=1 let a4Width=831.89 let a4Height=579.28 let canvasList=[] let a4Le…

兄弟组件之间的传值，使得兄弟组件之间可以联动，相互操作 方法1： 借助父组件，让两个兄弟组件可以联动，子组件A将值传递给父组件，父组件再将值传递给子组件B 第一步： 子组件A传值给父组件 通过$emit将e.target.innerText传递给父组件 <template> <div class="initail"> <ul> <li v-for="(it…

前言 我第一次从搭建项目环境，到打包准备上线测试，vue对开发者来说学习成本不高，带来了很多的便利。没有经过如何优化，直接打包出来，打开页面时就看到无尽的加载中。。。 啥？？？是网络不好了？？？ 等了半分钟时间页面终于出现了。我第一次打包，所以百度做功课，原来是vue打包出来文件体积太大，而且会影响到首屏加载。 那么，如何做到优化？ 分析打包结果 借助webpack-bundle-analyzer…

介绍 vue3 中，封装监听页面滚动的 js ， 及页面滚动到一定像素时，显示返回顶部的按钮，点击按钮会有放大的动画，并逐渐滚动到顶部的组件。效果如下： 代码 封装js，监听屏幕滚动事件，以及是否显示返回顶部的按钮； 在项目目录下新建 utils 文件夹，并在该文件夹下创建 index.js 文件；在这文件里写全局通用的一些方法；现在需要用到的返回顶部的方法就写这里面。 /** * @监听屏幕滚动…

官网： js-cookie地址 下载 npm i js-cookie 创建xxx.js文件，（我是在utils文件夹下创建的 storages.js ） import Cookies from 'js-cookie' const TokenKey = 'token'; let seconds = 60 * 30; // 设置cookie过期时间，单位秒 export function setTok…

场景：父组件发生数据变化，动态的传递给子组件，子组件实时刷新视图 解决方法：需要在子组件watch中（监听）父组件数据的变化 在子组件中使用watch应该注意的问题： 1.watch监听普通类型的数据： data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newVa…

Vue架构主要构件包括以下几个部分： Vue.js + Webpack + Cordova Vue 有一个官方整合Webpack包vue-cli，具体见官网。 npm install --global vue-cli 随后可以根据vue在指定目录创建项目 vue init webpack 项目名 若没有在Cordova集成的情况下，大部分我们都是根据vue-cli创建好的项目进行编码，那么当我们需…

源码 ruoter.js import Vue from 'vue' import Router from 'vue-router' // import HelloWorld from '@/components/HelloWorld' Vue.use(Router) export default new Router({ routes: [ { path: '/home', component:…