vue常见问题
  • vue的vscode关闭括号的提示检测

    找到项目中的.eslintrc.js文件在rules中加入一下代码 关闭空格以及换行的检测规则 //allowdebuggerduringdevelopmentno-tabs:0,no-mixed-spaces-and-tabs:0,indent:[off,tab],no-trailing-spaces:0

  • vue less报错Module build failed: TypeError: loaderContext.getR

    这个错误一般都是由less-loader版本过高导致的,版本号可以在 package.json 中查看; 卸载原来的 npm uninstall less-loader; 安装指定版本npm install less-loader@4.1.0 --save npm uninstall sass-loader(卸载当前版本

  • 配置webpack中dev.env.js、prod.env.js,解决不同命令下项目启动和打包到指定的环境

    前后端分离的项目开发中,我们有开发环境、测试环境、预生产环境和生产环境。 1、开发环境下调试接口的时候,一般都会有好几个接口地址(开发服务器上的,本地的,接口开发人员的,七

  • vue的element上传图片的handleAvatarSuccess钩子携带参数变量

    简单点! 直接上代码 :on-success=handleAvatarSuccess.bind(this,items.TagName) 利用es5的bind函数! this 是当前, items.TagName 是携带的参数 handleAvatarSuccess(idx,res,file,name){console.log(res)console.log(file)console.log(idx)

  • vue项目怎么安装百度的ueditor富文本编辑器
    vue项目怎么安装百度的ueditor富文本编辑器

    1、首先去下载编辑器 http://ueditor.baidu.com/website/download.html 2、然后,把他放到static文件夹内! 3、新建组件,引入js templatedivclass=editorsscriptref=ueditorElemid=editortype=text/plain/script/div/templatescriptimpor

  • vue下element如果实现菜单el-menu多级循环

    1、首先整理下逻辑! 循环,如果有下级,则输出下拉样式,如果没有,则直接输出 el-menu-item , v-for|--v-if|--v-for|--v-if|--v-for|--v-if输出下拉菜单样式|--v-else|--v-else|--v-else 2、然后我们来组织代码

  • vue2.96引入全局less文件

    安装 npminstallsass-resources-loader--save-devnpminstalllessless-loader--save 方法1: 找到build文件夹下面的utils.js 找到 less: generateLoaders(less) 修改成 less:generateLoaders(less).concat({loader:sass-resources-loader,options:{reso

  • vc格式化js不符合eslint各种缩进不符合规范
    vc格式化js不符合eslint各种缩进不符合规范

    先上蛋疼图 各种缩进不符合 解决方案 首先安装eslint,prettier-Code formatter,vetur 这三个插件,大多数情况下vetur已经安装了。 然后打开文件首选项设置 然后点右上角 接着替换即可!如果自己已

  • vue同路由下不同参数更新页面方法

    我们知道,同路由下不同参数,vue会认为是一个页面不会进行刷新! 那么也就不会执行 created方法! 下面介绍2种更新方法 1、导航守卫beforeRouteUpdate(2.2 新增) beforeRouteUpdate(to,from,next){

  • vue的axios的封装

    vue的axios的封装,我们经常会复用 为什么要封装axios呢? 以下几点原因: 配置通用项 统一处理请求错误,进行提示 首先我们再src下新建axios文件夹 新建api.js,这个文件就是你的通用js import{fet

  • vue设置全局函数和变量

    上文中已经提到了exports与module.exports,export的区别 1、增加通用 首先我们在main.js中增加 varexports=module.exports 2、新建js 然后我们新建all.js 方法1 exports.install=function(Vue,op){Vue.prototype.chang

  • exports与module.exports,export与export default 之间的关

    首先我们要明白一个前提,CommonJS模块规范和ES6模块规范完全是两种不同的概念。 CommonJS模块规范 Node 应用由模块组成,采用CommonJS模块规范。 根据这个规范,每个文件就是一个模块,

  • v-for标签详解小技巧

    vue内最为常见的标签无疑是v-for 先来看看官网使用方法 divv-for=iteminitems{{item.text}}/div 另外也可以为数组索引指定别名 (或者用于对象的键): divv-for=(item,index)initems/divdivv-for=(val,key)inobject/divdivv-

  • vue渲染完界面之后调用一个函数

    很简单! mounted:function(){this.$nextTick(function(){//此处填第一次渲染完成后执行的代码})},updated:function(){this.$nextTick(function(){//此处填每次渲染完后执行的代码})}

  • vue如何引入layui的layer呢!

    最近尝试把layui接入vue ,试了很久发现还是很蛋疼! 最后只好退而求其次引入layer了! 首先进入项目目录,安装layer npmi--savelayui-layer 然后在需要使用的vue文件内 scriptimportlayerfromlayui-layerexport

  • vue2.96和3.X如何配置转发!

    vue 2.96配置 打开config/index.js,找到 pathRewrite: {}, 改成 proxyTable:{/plus:{target:https://www.xhcss.com,changeOrigin:true,pathRewrite:{^/plus:/plus}},/ws/*:{target:ws://127.0.0.1:8082,ws:true}}, 只有一个就可以把wx那个删掉! 然后

  • vue 如何升级版本和查看版本

    cmd下,直接输入 vue-V 即可查看版本 输入 cnpminstall-g@vue/cli 即可升级版本

  • 3、来做第一个简单的vue!
    3、来做第一个简单的vue!

    简单点!,首先我们打开static文件夹,新建一个main.less文件! 然后打开index.html文件,引入less! linkrel=stylesheet/lesstype=text/csshref=/static/css/main.less 然后我们知道网页包含! 1、构建nav和menu组件 所以

  • vue如何支持layui
    vue如何支持layui

    搞了很久! 但是还是很头疼!初步解决了吧! 后续再更新! 首先直接下载layui的项目文件!放入static目录 打开index.html文件 linkrel=stylesheet/lesstype=text/csshref=/static/css/main.less/scripttype=text/javascri

  • vue如何安装
    vue如何安装

    最近无聊想研究下vue.js! 于是开始了研究! 首先是安装! 直接引用感觉不能很好的了解他!于是我就到处找了安装包! 首先 1、安装必需品 本地需要安装 node.js 和淘宝镜像!cnpm 下载速度快点