Vue.js
翱翔天地
技术在于专注!主要从事前端开发,熟悉vue、jQuery、uniapp等,有微信公众号和微信小程序开发经验,熟练使用echarts、highcharts、帆软报表;了解Java、python和mysql
展开
-
[Vue warn]: Injection "elForm" not found
1、错误描述2、错误原因 在使用<el-form-item>标签时,外层没有加<el-form>,导致出现报错 <el-form-item> <el-button type="search" @click="searchData">查询</el-button> <el-b...原创 2019-11-18 10:12:49 · 27264 阅读 · 6 评论 -
如何控制steps步长和居中显示
1、问题背景 步骤条在正常情况下,占据宽度为100%;如果外层设置文字内容居中,会导致线和圆圈脱离,不在对应的位置上2、实现源码<el-steps :active="active" finish-status="success"> <el-step title="第一步"></el-step> <el-step title=...原创 2019-11-05 10:17:04 · 5189 阅读 · 1 评论 -
TypeError: Cannot read property '0' of undefined
1、错误描述 [Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined vue.runtime.esm.js:587"found in---> <ElTableFooter> <ElTable> <Cur...原创 2018-12-19 15:55:36 · 12059 阅读 · 2 评论 -
如何解决Visual Studio Code快捷键复制变为Insert问题
1、错误描述 在使用Visual Studio Code进行项目开发,使用快捷键Ctrl+C进行复制,鼠标光标总是变为了插入模式(很宽的光标),而且也复制不了代码。2、错误原因 Visual Studio Code工具默认是使用Ctrl+C复制,但是安装了Vim插件,会将这个快捷键替代成其他的功能3、解决办法(1)将vim插件卸载(2)修改复制快捷键...原创 2018-12-18 14:54:00 · 10729 阅读 · 4 评论 -
var is a reserved word
1、错误描述PieChart.vue?a6c7:69 Uncaught (in promise) TypeError: Cannot read property '$el' of undefined at PieChart.vue?a6c7:69client:162 [WDS] Errors while compiling. Reload prevented.errors @...原创 2018-12-18 16:17:38 · 4804 阅读 · 0 评论 -
Error: listen EADDRNOTAVAIL 192.168.10.123:9527
1、错误描述F:\dojo\acdf\cmdm>npm run dev> vue-admin-template@3.8.0 dev F:\dojo\acdf\cmdm> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 10% building modules 1/...原创 2019-01-11 14:59:29 · 2082 阅读 · 0 评论 -
Uncaught TypeError: Right-hand side of 'instanceof' is not an object
1、错误描述log.js?1afd:24 [HMR] Waiting for update signal from WDS...vue.runtime.esm.js?2b0e:3261 Uncaught TypeError: Right-hand side of 'instanceof' is not an objectat assertType (vue.runtime.esm.js...原创 2019-02-17 13:08:51 · 4783 阅读 · 0 评论 -
Cannot use v-for on stateful component root element because it renders multiple elements
1、错误描述2、错误原因<template> <blog-info v-for="info in infos" v-bind:key="info.id" v:bind:title="info.title"></blog-info></template><script> expor...原创 2019-05-24 16:35:43 · 1240 阅读 · 0 评论 -
DOMException: Failed to execute 'setAttribute' on 'Element': ',' is not a valid attribute name
1、错误描述2、错误原因<template> <div id="column3dChart"> <fusioncharts :type="type" :width="width", :height="height" :dataFormat="dataFormat" :data...原创 2019-05-17 11:15:29 · 18662 阅读 · 3 评论 -
Uncaught TypeError: Cannot set property 'render' of undefined
1、错误描述2、错误原因<template> <arm-info arm-title="hands"></arm-info></template><script> import Vue from 'vue' Vue.component('arm-info',{ props:['armTitle'], ...原创 2019-05-27 10:45:14 · 6692 阅读 · 3 评论 -
Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': '#' is not a valid attribute
1、错误描述2、错误原因<current-user> <slot v-bind:user="user"> {{user.username}} </slot> <template v-slot:default="slotProps"> {{slotProps.user.firstname}} </template&g...原创 2019-05-29 10:02:41 · 21830 阅读 · 0 评论 -
如何使用vue.js组件模拟v-model指令?
1、问题描述 在使用v-model指令实现输入框数据双向绑定,输入值时对应的这个变量的值也随着变化;但是这里不允许使用v-model,需要写一个组件实现v-model指令效果<div id="user"> <input type="text" v-model="username"> <label>{{username}}</...原创 2019-07-03 16:17:13 · 1044 阅读 · 0 评论 -
TypeError: Router.use() requires a middleware function but got a Object
1、错误描述C:\Users\Administrator.USER-0GUONPPBHK>cd G:\HBuilderXWork\Vue\serverC:\Users\Administrator.USER-0GUONPPBHK>g:G:\HBuilderXWork\Vue\server>node indexG:\HBuilderXWork\Vue\node_mod...原创 2019-07-04 16:30:09 · 4323 阅读 · 0 评论 -
如何使用Vue.js中的过滤器实现幂方求值
1、应用场景 使用ElementUI实现一个输入框,输入100,下方显示10000。2、实现源码(1)主页面<template> <el-row> <el-tabs v-model="activeName" @tab-click="handlerClick"> <el-tab-pane label="饼图" name...原创 2019-08-24 15:19:21 · 649 阅读 · 0 评论 -
如何使用Vue.js中的set设置对象属性值
1、问题背景 使用vue初始化一个对象v,并在data中初始化一个空对象obj,然后使用Vue.set()给对象obj添加属性2、实现源码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <...原创 2019-09-03 09:31:21 · 7067 阅读 · 0 评论 -
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of me
1、错误描述Administrator@USER-0GUONPPBHK MINGW64 /g/HBuilderXWork/erp-html (master)$ npm run dev> erp2@0.1.0 dev G:\HBuilderXWork\erp-html> vue-cli-service serve INFO Starting development s...原创 2019-09-03 14:13:41 · 14409 阅读 · 3 评论 -
Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with va
1、错误描述vue.runtime.esm.js:631 [Vue warn]: Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with value 17.found in---> <ElCheckbox> at package...原创 2019-09-04 10:49:01 · 16932 阅读 · 1 评论 -
Uncaught (in promise) Error: Component series.map not exists. Load it first
1、错误描述Uncaught (in promise) Error: Component series.map not exists. Load it first. at Function.entity.getClass (clazz.js:178)at ExtendedClass.<anonymous> (Global.js:223)at Array.forEach (&...原创 2018-12-12 14:28:08 · 11740 阅读 · 5 评论 -
- Component template should contain exactly one root element
1、错误描述 ERROR Failed to compile with 1 errors ...原创 2018-10-09 18:18:28 · 529 阅读 · 0 评论 -
verbose stack Error: missing script: webpack
1、错误描述0 info it worked if it ends with ok1 verbose cli [ 'F:\\nodejs\\node.exe',1 verbose cli 'F:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',1 verbose cli 'run',1 verbose cli 'webpack' ...原创 2018-10-15 11:35:13 · 14530 阅读 · 4 评论 -
如何安装vue-router并构建开发版
1、安装vue-routerC:\Users\Administrator.USER-0GUONPPBHK>npm install vue-routernpm WARN saveError ENOENT: no such file or directory, open 'C:\Users\Administrator.USER-0GUONPPBHK\package.json'npm WAR...原创 2018-03-24 18:57:22 · 1110 阅读 · 0 评论 -
vue-cli · Failed to download repo vuejs-templates/[object Object]: Response code 404 (Not Found)
1、错误描述C:\Users\Administrator>vue init webpack kdm Unknown command init. vue-cli · Failed to download repo vuejs-templates/[object Object]: Responsecode 404 (Not Found)C:\Users\Administr...原创 2018-05-31 20:21:25 · 2981 阅读 · 4 评论 -
安装vue和webpack相关命令
一、安装vue相关命令1、安装vuecnpm install vue2、安装vue-clicnpm install -g vue-cli3、查看vue安装版本vue -V二、安装webpack1、安装webpackcnpm install -g webpack2、安装webpack-dev-servercnpm install -g webpack-dev-server3、查看webpack版本w...原创 2018-06-02 14:39:11 · 1556 阅读 · 0 评论 -
npm ERR! missing: core-util-is@^1.0.2, required by Administrator
1、错误描述C:\Users\Administrator>npm listC:\Users\Administrator+-- babel-core@5.8.38 extraneous+-- UNMET DEPENDENCY core-util-is@^1.0.2+-- grunt@1.0.2 extraneous+-- UNMET DEPENDENCY process-nextic...原创 2018-06-02 14:56:50 · 5454 阅读 · 0 评论 -
Install fail! Error: EPERM: operation not permitted
1、错误描述C:\Users\Administrator.USER-0GUONPPBHK>cd D:\njws\vue-simple\cmpC:\Users\Administrator.USER-0GUONPPBHK>d:D:\njws\vue-simple\cmp>cnpm install echarts -S× Install fail! Error: EPE...原创 2018-07-09 09:39:48 · 6747 阅读 · 2 评论 -
如何安装vue-cli并搭建vue项目
1、在HBuilder创建一个Vue2 Web项目2、利用cmd切换路径cd D:\njws\Vue2d:3、安装vue-clicnpm install -g vue-cli4、查看vue安装版本vue -V5、初始化vue并创建项目、下载webpack模板vue init webpack cmp6、切换到项目目录cd cmp7、启动vue项目npm run dev...原创 2018-07-02 19:10:59 · 503 阅读 · 0 评论 -
Error in render: "TypeError: Cannot read property 'resolve' of undefined"
1、错误描述2、错误原因3、解决办法原创 2018-07-10 19:18:24 · 7802 阅读 · 7 评论 -
Error: Cannot find module 'async-each'
1、错误描述Error: Cannot find module 'async-each' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:594:15) at Function.Module._load (internal/modules/cjs/loader.js:520:25) at...原创 2018-07-07 11:03:49 · 3860 阅读 · 2 评论 -
Raw expression: :href="{{demo.hrefs}}"
1、错误描述Failed to compile../node_modules/vue-loader/lib/template-compiler?{"id":"data-v-04c2046b","hasScoped":false,"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&a..原创 2018-07-07 15:22:05 · 4018 阅读 · 0 评论 -
Error: Cannot find module 'commander'
1、错误描述C:\Users\Administrator.USER-0GUONPPBHK>vue listinternal/modules/cjs/loader.js:596 throw err; ^Error: Cannot find module 'commander' at Function.Module._resolveFilename (interna...原创 2018-07-07 15:44:43 · 9283 阅读 · 0 评论 -
如何解决Vue.js模板报错的问题
1、错误描述log.js?1afd:24 [HMR] Waiting for update signal from WDS...vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-col> - did you register the component correctly? For recur...原创 2018-08-11 11:22:23 · 6345 阅读 · 1 评论 -
如何对Node.js默认下载路径进行修改
1、设置prefixC:\Users\Administrator.USER-0GUONPPBHK>npm config set prefix "F:\nodejs\node_global"2、设置cacheC:\Users\Administrator.USER-0GUONPPBHK>npm config set cache "F:\nodejs\node_cache"...原创 2018-08-08 19:38:44 · 3341 阅读 · 0 评论 -
如何使用vue2搭建ElementUI框架
1、新建一个文件夹euw,切换到该路径下cd F:\WebstormProjects\euw2、安装vue-clinpm install vue-cli3、查看vue的版本vue -V4、下载项目vue init webpack esa5、切换到项目路径下cd esa6、安装vuexnpm install vuex...原创 2018-10-11 15:26:36 · 1771 阅读 · 1 评论 -
Module build failed: Error: Couldn't find preset "es2015" relative to directory
1、错误描述F:\WebstormProjects\euw\esa>npm install babel-plugin-component -Dnpm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dnpm WARN optional ...原创 2018-10-11 16:15:18 · 10330 阅读 · 1 评论 -
Unknown custom element did you register the component correctly
1、错误描述vue.esm.js?efeb:591 [Vue warn]: Unknown custom element: <el-container> - did you register the component correctly? For recursive components, make sure to provide the "name" option.f...原创 2018-10-11 16:41:29 · 100006 阅读 · 3 评论 -
如何安装vue并创建vue.js框架项目
1、安装vue工具C:\Users\Administrator.USER-0GUONPPBHK>$ cnpm install vue'$' 不是内部或外部命令,也不是可运行的程序或批处理文件。C:\Users\Administrator.USER-0GUONPPBHK>cnpm install vue√ Installed 1 packages√ Linked 0 late...原创 2018-03-24 18:06:23 · 2987 阅读 · 2 评论