在测试环节发现有图片找不到，发现是图片路径没有写对。报错如下：原代码："/src/assets/img/arrow.png" alt="" class="col-step">这种引入图片的方式是错误的，虽然在页面展示的时候会出现，但是在打包后就会出现编译问题，src是无法编译的。正确的引入格式：第一种：img src="../../assets/i

一、在vue中使用scss首先进行安装如下依赖： cnpm i sass-loader node-sass -D 二、vue中引入样式文件1）在index.html模板html文件中引入，这种方式引入的原样编译在生成的html文件中，如果想要通过link引入外部的样式文件，建议使用这种方式："utf-8">2imis

最新的vue-webpack-template 中已经去掉了dev-server.js 但是要进行模拟后台数据的，如何模拟本地数据操作？解决方法：dev-server.js 改用webpack-dev-conf.js代替。所以在模拟后台数据的时候直接在webpack-dev-server.js文件中修改：const axios = require('axios')const expre

直接上测试代码：<template><div class="login-box"><div class="login"><div class="login-title"><h2>登录</

用户在进行流程操作的时候，一般分为进行中，未开始，已完成，前端页面就要进行相应的状态区分展示。这里测试的是背景颜色区分。demo:span class="contract-span" :class="statusText[item.status][0]">{{statusText[item.status][1]}}span>statusText: {0:

在进行手动访问页面的时候，出现这种报错，于是进行路径的检查。app.vue结构：<div id="app"><m-header></m-header><router-view></router-view></div>m-header.vue文件：<button @click="surf">漫游</button>methods: {// 这是是封装的手动

identify这是一个vue的插件，使用canvas来生成图形验证码。具体参数如下：直接上测试代码：identify.vue组件（主要用于定义参数和方法）template>div class="s-canvas">canvas id="s-canvas" :width="contentWidth" :height="contentHeight">can