在使用vue-awesome-swiper插件写轮播图的时候遇到上图的问题。问题描述：这是一个画廊（图片相册查看大图）功能，在父组件中调用这个个轮播图的子组件，并且在父组件中控制画廊组件的显示隐藏。功能都写好之后，发现这个子组件显示出来以后不能顺畅滑动。解决方案：在初始化轮播图的时候加上这两个配置项：observeParents: true,observer: tr...

需求：1. 可输入代码，并且代码语法高亮2. 支持编辑和不可编辑模式3. 提交到后端到代码内容为字符串格式实现在gitbug上找到vue-prism-editor，可以满足以上需求。使用安装vue-prism-editornpm install vue-prism-editor由于vue-prism-editor需要依赖 prismjs，所以还需要安装prismjsnpm install pris

Bug描述：该项目作为一个平台的子平台存在，根据nginx路由分发实现路由跳转。在从主平台跳转到该子平台的时候，页面一片空白，在控制台有3个报错，报错内容均为：Uncaught SyntaxError: Unexpected token ‘<’点开报错详情，发现文件类型为XXX.js文件，实际内容为一个html文件此类型错位一般为期待一个js文件，实际返回一个html文件导致解决方式：查看引

遇到这样一个问题：在组件mounted生命周期中获取类名为newForm元素的宽度mounted(){this.formWidth = document.querySelector('.newForm').offsetWidthconsole.log('formWidth',this.formWidth)},审查元素发现，元素的宽度为1695但是控制台打印输出的一直都是1890查资料发现可能是页面

我们在项目中经常会遇到数据更新了，但是视图并没有发生改变。尤其是引用类型的数据。解决方案Vue.set( target, propertyName/index, value ).sync修饰符

我们知道在子组件中可以通过this.$parent.数据this.$parent.方法主动获取父组件的数据和调用父组件的方法。但是在工作中，我们经常会遇到使用 this.$parent.数据获取父组件的数据 得到undefined的情况，如下：这种问题往往是由于父组件在调用子组件的时候，在子组件的外层包裹了一层UI组件的某个组件看下父组件调用子组件的代码：<template><M

vue打包命令 npm run build运行这个命令会在目录中生成一个dist文件夹在服务器部署vue项目只需要把这个文件夹给后台就可以了但是打包之后我们需要在本地先自测一下，下面就是踩过的一些坑：静态资源路径问题——空白页面解决方法：打开脚手架的config文件中的index.js文件，把build对象内的assetsPublicPath(发布路径)改为"./"。默认的情况下是...

依赖项目基础配置使用 vue-cli 生成自适应方案核心： 阿里可伸缩布局方案 lib-flexiblepx转rem：px2rem，它有webpack的loader px2rem开始先使用vue脚手架初始化一个webpack项目vue init webpack 项目名项目初始化好了之后，进入项目目录中(cd 项目名) 安装 lib-flexible 和 px2rem-loade...

依赖项目基础配置使用 vue-cli 生成自适应方案核心： 阿里可伸缩布局方案 lib-flexiblepx转rem：px2rem，它有webpack的loader px2rem开始先使用vue脚手架初始化一个webpack项目vue init webpack 项目名项目初始化好了之后，进入项目目录中(cd 项目名) 安装 lib-flexible 和 px2rem-loade...

最近做一个小程序，有用到canvas画圆环形进度条，效果图就是上图了。为了方便日后使用，我已经封装了一个独立的js文件。先简单说一下实现流程，封装好的文件下载地址：https://github.com/SuperDalu/wxCanvas.git先在wxml文件中创建画布<canvas canvas-id="runCanvas" id="runCanva