Cannotreadpropertiesofundefined(reading'__ob__')vue模板中省略data(）部分会有问题。如下：data(){return{}},即使当前模板不包含任何需要动态处理的数据，也不能省略return{}......
vscode环境开发vue-cli脚手架工程，eslint规范检查工具告警笔记告警告警内容：✘http://eslint.org/docs/rules/quotesStringsmustusesinglequotesrc\components\question.vue:126:18varbody="result="+JSON.stringify(g_answer);^这行警告的关键信息：Strin...
vscode环境开发vue-cli脚手架工程，eslint规范检查工具告警笔记告警告警内容：✘http://eslint.org/docs/rules/space-infix-opsInfixoperatorsmustbespacedsrc\components\question.vue:83:35console.log(this.g_qid+":"+score)^这行警告的关键信息：Infixo...
vue报错：[vue/valid-v-for]Customelementsiniterationrequire'v-bind:key'directives.eslint-plugin-vue小编之前写过很多篇类似这种问题，都是Eslint代码规范检查报错。这些错误大多是可以通过修改Eslint配置解决，如...(config.dev.useEslint?[createLintingRule()]:...
vscode环境开发vue-cli脚手架工程，eslint规范检查工具告警笔记告警告警内容：✘http://eslint.org/docs/rules/space-before-function-parenMissingspacebeforefunctionparenthesessrc\components\question.vue:70:10mounted(){^这行警告的关键信息：Missin...
vue,eslint报错：Unexpected,newline,between,function,and,(,of,function,call,,no-unexpected-multiline,Failed,to,compile.,,./src/components/welcome.vue,Module,Error,(from,./node_modules/eslint-loader/index....
最近在用vscode写vue，有两个目的，一方面是重构下小编渣站的前端，另一方面也是主要原因：小编见到新技术就像狼闻到肉，老光棍看到俏姑娘，心里跟猫挠似的，不下手尝尝鲜那真是食不甘味、寝不安席。So，毛毛躁躁上下其手不亦乐乎~整理代码时控制台报了一个警告：✘http://eslint.org/docs/rules/brace-styleClosingcurlybracedoesnotappearo...
Vue,Element使用less报错,Module,not,found:,Error:,Can't,resolve,'less-loader',报错1：,Element中css源码,&:last-child,{,margin-bottom:,0;,},eslint提示，强迫症受不了啊。,,},expectedcss(css-rcurlyexpected）,,解决：,添加,lang=&qu...
vscode环境开发vue-cli脚手架工程，eslint规范检查工具告警笔记告警告警内容：✘http://eslint.org/docs/rules/no-multiple-empty-linesMorethan1blanklinenotallowedsrc\components\question.vue:138:1^这行警告的关键信息：Morethan1blanklinenotallowed百...
一种vueelement技术栈刷新echarts图表的实现方法方法将echarts图封装在子组件，数据由父组件传入。在父组件强制刷新子组件实现echarts数据刷新。组件强制刷新方法请参考小编昨天的博客vue使用key实现组件刷新（渲染重置）笔记关键代码全部代码太多，仅贴和问题相关的关键步骤。父组件<template><sa:ids="ids":datas="datas":key...
一种vueelement技术栈刷新echarts图表的实现方法方法将echarts图封装在子组件，数据由父组件传入。在父组件强制刷新子组件实现echarts数据刷新。组件强制刷新方法请参考小编昨天的博客vue使用key实现组件刷新（渲染重置）笔记关键代码全部代码太多，仅贴和问题相关的关键步骤。父组件<template><sa:ids="ids":datas="datas":key...
vscode环境开发vue-cli脚手架工程，eslint规范检查工具告警笔记告警告警内容：✘http://eslint.org/docs/rules/space-before-function-parenMissingspacebeforefunctionparenthesessrc\components\question.vue:70:10mounted(){^这行警告的关键信息：Missin...
vue使用key实现组件刷新（渲染重置）笔记关于这个问题，大佬们提供了很多种组件重置的方法，比如v-for、key、以及this.$forceUpdate()等。如这位大佬将v-for和key的方法讲的很详细，额我猜了一个原创链接：https://www.cnblogs.com/zyulike/p/12036456.html参考原文（转载）：https://blog.csdn.net/zyx130...
最近在使用vue框架重构九型人格测试程序前端模块。小编做个预言家：应用前端从原本的原生JS分页面应用重构至基于vue框架，代码可读性增加；vue-cli方式构建项目，可以更方便的打包文件还可以使用组件，更加工程化的管理项目怎么做呢？步骤如下：修改文件：config/index.jsbuild:{index:path.resolve(__dirname,'../dist/index.html'),a...
vue相比原生JS，确实方便很多。出于本菜的特定使用场景，vue引入模板的方式并不适用。无奈，只好出此下策，造轮子分离vue模板中的template和script。需要解析的模板（权当是字符串）：<template><h1>ooo</h1></template><script>console.log("test");</script...
水印代码虽说稍微跟一下代码就能找到，不过小编还是决定做个笔记，希望能多多少少节约一点有缘人的时间。水印代码实现相关文件如下：src\utils\watermark.jswatermark.set=(str)=>{letid=setWatermark(str)setInterval(()=>{if(document.getElementById(id)===null){id=setWat...
html,模板代码,<div,class="item",:class="changeStyle",@click="dododo()">,,,,,onepiece,</div>,html模板代码说明：,class="item",是固定样式，:class="changeStyle",是动态样式。,css代码,在css中，分别定义两个待变换...
古人云：知我者，谓我心忧。不知我者，谓我何求。用小编的话讲，就是无论日子过得有多苦，总有贱人嫌你过的爽。这许多年来，小编给身边人留下的是乐观，积极，鸡血的印象，经常有耿直Boy赞赏小编在生活工作中不服输的劲头。然而，不知何时小编猛然发现，过度消极、极度自卑、严重失眠甚至自杀倾向等一系列重度抑郁症临床表现竟然全部出现在小编身上。压抑，想哭，却无法表现表达。30岁的全菜程序员，就是这么绝望……抑郁症关...
时代在召唤，So，本菜也来赶赶时髦玩玩vue，耶！小编身为有备案域名的男人，玩vue自然要在公网撩。服务搭好，点开http://www.yixzm.cn:8080/#/后一脸懵逼……InvalidHostheader参考网友的方法解决vue项目中的“InvalidHostheader”，修改webpack.dev.conf.js文件后，很痛心的发现并没有生效。百思终于得琪姐，修改后执行npmrun...
父组件向子组件传递内容父组件发送：模板正常绑定方式传值即可子组件接收：props接收后可直接使用，参考watch函数，method内使用同样是this.flagprops:{flag:String},watch:{flag(){console.log(this.flag)}},子组件向父组件传递内容子组件发送：this.$emit('rander',true)父组件接收：rander(){this...
提到get/post请求交互，话说小编在不用框架时喜欢用原生js封装ajax。但如今既然用了vue就得尝尝axios的味道。配置使用axios期间报了几次错，所以在这里将错误及过程日志贴一贴。报错、告警分析（1）'axios'isnotdefined错误信息：✘http://eslint.org/docs/rules/no-undef'axios'isnotdefinedsrc\component...
使用npm在线初始化方式可以快速构建一个单页应用工程，俗称vue-cli脚手架。vueinitwebpack之后就可以徜徉在代码的海洋里。神曾说：“只因不小心在人群中多看了你一眼，为了不再孤苦思念你的容颜，我决定扒开你的外衣一探究竟。”神又说：“前端开发的究极奥义？想要的话就给你，去找吧！我把世界上的一切都放在那里！”So，熟悉代码目录结构吧！微操作代码打包npmrunbuild根目录文件夹文件夹...
html,{,,,height:,100%;,},,body,{,,,height:,100%;,,,margin:,0;,,,padding:,0;,},参考来源：,https://segmentfault.com/q/1010000007689320......
本文将持续更新。关于vue的学习，虽说官网有非常详尽的文档，但初学者总归是有些茫然无措。小编决定花一点点时间，梳理一些快速上手的要点帮助后来人。先不着急用脚手架，CDN单页面模式先把事情做起来vue官网中有一段：CLI工具假定用户对Node.js和相关构建工具有一定程度的了解。如果你是新手，我们强烈建议先在不用构建工具的情况下通读指南，在熟悉Vue本身之后再使用CLI。所以，起步我们还是跟随官网的...
VueElementAdmin开发报错Duplicatekeysdetected此重定义如果在代码中，很容易发现。但如果是在路由文件中，经常容易找不到。如果出现这个报错，注意检查：src\router\index.js路由中的name尤其容易重复。......
vscode搭建vue-cli脚手架，小编整理分享下自己感觉较快捷的方法。vue-cli基础环境vscode官网下载安装：https://code.visualstudio.com/nodejs（npm初始环境）官网下载安装，并配置环境变量：https://nodejs.org/en/download/打开vscode终端》左侧边栏》资源管理器》右键空白区域添加文件夹（新建）》右键文件夹》选择在终...
配置项找到这行代码注释掉即可。//...(config.dev.useEslint?[createLintingRule()]:[]),配置文件位置（新项目大约在43行）：/build/webpack.base.conf.js......
一种vueelement技术栈刷新echarts图表的实现方法一种vueelement技术栈刷新echarts图表的实现方法\r\n\r\n#方法\r\n\r\n将echarts图封装在子组件，数据由父组件传入。在父组件强制刷新子组件实现echarts数据刷新。\r\n\r\n组件强一种在vue环境下动态改变css样式class属性的方法vue\r\n<divclass=\"item\":c...
动态绑定class写在指令中的值会被视作表达式，如javascript表达式，因此v-bind:class接受三目运算：1234HTML代码：<div:class="classA?'class-a':'class-b'">Demo3</div>渲染后的HTML:<divclass="class-a">Demo3</d...