出现问题 安装好Vue Devtools插件后，在Google浏览器中开发调试的时候，右上角的Vue图标变亮，但是在开发者工具中没有出现Vue调试。 如下图： 控制台的Vue调试应该如下图显示 分析原因 第一种情况：没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选 https://github.com/vuejs/vue-devtools 1. If the page u…
项目打包，默认是打包在根目录下面的。当然我们可以通过设置，打包到任意子目录中去。 但是，当项目中引入资源的，比如：引入图片资源、js资源、或者字体图标之类的。那么可能在这个中间又会踩坑。 1、在vue文件引入图片 例如，我们将一张图片放到资源目录 /static/image/lyf.jpg 我们在 vue 文件中用下面的代码来使用这张图片。 <img src="static/image/ly…
很多时候我们有很多业务，需要依次调用多个后台接口，并且后一个接口需要依赖前一个接口的响应结果，如果上一个接口挂了，后一个接口也就不需要调用了。 先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 写一个async 函数 async function timeout() { r…
Vue 笔记 本人是一个web前端开发工程师，主要是vue框架，整理了一些Vue常用的技术，一方面是分享，一方面是做总结，今后也会一直更新，有好建议的同学欢迎评论区分享 ;-） Vue专栏：点击此处 Vue组件库专栏：点击此处 Vue2 vs Vue3 专栏：点击此处 Typescript专栏：点击此处 组件库开发流程 Vue组件库专栏会按顺序执行一下流程，不断完善组件库开发流程 Vue3+ele…
vue官网中用v-for来进行列表渲染。 这张主要是v-for来遍历数组和遍历对象。 v-for 遍历数组 当我们有一组数据需要进行渲染时，我们就可以使用v-for来完成v-for的语法类似于JavaScript中的for循环格式如下：item in items的形式 <!DOCTYPE html> <html lang="en"> <head> <met…
数据是动态的，所以用v-for，echart需要渲染元素，所以要先获取元素，但是mounted里面获取不到数据，异步数据的原因? 所以把数据赋值放在created或者unmounted中 版权声明：本文为luweisixsix原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/luweisixsix/articl…
个人理解就是，插槽用于决定将携带的内容插入到指定位置，插槽的显示不显示，怎样显示由父组件控制，而插槽在哪显示就由子组件来进行控制。 使用 默认插槽 父组件 <file-list v-if="showFileDialog" :fileList='filesArr' @closeFileDialog='closeFileDialog'> <span>showText</s…
问题：主页面，点击按钮，打开el-dialog时，出现el-dialog中的echarts不能正常显示； 解决方法： 1、echarts对应的div，要使用ref=‘mychart’; 2、调用：let thechart = this.$echarts.init(this.$refs.mychart); 然后thechart.setOption(myoption); 通过该方案即可解决不加载的问题…
在实现拖拽效果时需要先理解clientY pageY screenY layerY offsetY的区别 clientY 指的是距离可视页面左上角的距离 pageY 指的是距离可视页面左上角的距离(不受页面滚动影响) screenY 指的是距离屏幕左上角的距离 layerY 指的是找到它或它父级元素中最近具有定位的左上角距离 offsetY 指的是距离它自己左上角的距离 思路 onmousedow…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="/vue.min.js"></script> <script src="/vue-resource.mi…