![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 57
可为编程
无论走多远 都不要忘了当初为什么出发 知足知不足 有为有不为 为与不为皆为可为
展开
-
采用VueCli脚手架创建VUE项目
VueCli脚手架创建VUE项目先安装nvm,安装教程在这里nvm安装node但是一定要注意版本,我的node版本是v14.18.3,支持对VUE3.0的安装,所以我采用我的nvm安装node.js打开CMD管理员端,执行nvm install v14.18.0下载不下来,并提示这个Downloading npm version 6.9.0… Download failed. Rolling Back.Rollback failed. remove C:\dev\nvm\temp\npm原创 2022-02-04 11:08:20 · 1499 阅读 · 0 评论 -
node-sass 安装失败 rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libs
rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libs检查一下有没有配置python2.7环境变量npm install -g node-gypnpm install --global --production windows-build-tools(通过管理员打开)npm i -g node-sass原创 2021-11-26 11:32:41 · 3792 阅读 · 0 评论 -
解决Error: Can‘t find Python executable “python“, you can set the PYTHON env variable
执行下面这段代码:npm install --global --production windows-build-tools原创 2021-04-10 10:14:29 · 618 阅读 · 0 评论 -
前端Vue模板页面(组件最全)
https://github.com/PanJiaChen/vue-element-admin/原创 2020-09-25 14:15:18 · 3362 阅读 · 0 评论 -
一文学会在Vue中使用Axios进行前后端通信
在Vue前端使用Axios进行通信,相当于Ajax一样,下面就写了一个登录的例子,来进行演示,同时在登陆到主页后会有一个列表数据请求,并将请求的数据展示在table页面中。一、准备工作如何新建一个Vue项目请看我的另一篇文章:Vue学习之Vue结合 ElementUI 组件库搭建Web工程项目新建好之后,我们要在项目的build中加入本地的数据json文件,用来模拟请求返回的数据,这里推荐一篇文章,讲的比较详细的vue配置请求本.原创 2020-09-16 19:43:22 · 957 阅读 · 1 评论 -
Vue实现以按钮弹框动态控制Table列展示
点击设置弹出列数,并根据选择列进行展示:点击勾选之后改变列表展示列Html:<div id="app"> <template> <el-popover placement="right" width="800" trigger="click" style="margin-left:80%"> <el-checkbox-group v-model="colOptions"> <el-checkbox v-for原创 2020-09-10 13:48:24 · 2075 阅读 · 1 评论 -
Vue.js中this.$nextTick()与$refs的基本用法
Vue.js中this.$nextTick()的使用https://www.cnblogs.com/jin-zhe/p/9985436.htmlvue $refs的基本用法https://www.cnblogs.com/xueweijie/p/6907676.html转载 2020-09-10 09:18:24 · 396 阅读 · 0 评论 -
error: The “xx“ component has been registered but not used (vue/no-unused-components) at
报错原因:因为搭建的vue项目选择了eslint校验规范->就是你定义了某个变量,但是你没有使用它.eslint规范就是你要么不定义,要么定义了就一定得用.ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误.在许多方面,它和JSLint、JSHint相似。解决方法1:在package.json文件内加入如下代码(保存后重启项目!!!)"rules": { "generator-star-spacing"原创 2020-09-09 20:25:20 · 3111 阅读 · 1 评论 -
Custom elements in iteration require ‘v-bind:key‘ directives vue/valid-v-for
错误代码<i-option v-for="item in typeList" :value="item.value">{{ item.label }}</i-option>修改后<i-option v-for="item in typeList" :key="item.label" :value="item.value">{{ item.label }}</i-option>添加一个:key就可以了原文:https://blog.csdn.ne原创 2020-09-09 20:12:27 · 4438 阅读 · 1 评论 -
Vue实现点击按钮上下滑动隐藏或展示查询条件
如图中的是jquery实现的,那么在vue中如何实现呢?结合自己的项目进行了整合,具体的额模块代码如下所示:第一步新建组件js建个JS文件,随便取个名字,把下面的js复制进去,我这里叫moreSlideComponents,因为我要实现的是点击【更多】按钮时如上图所示的样式。/** 这是一个vue 点击按钮 向上滑动展开的效果组件 例如综合查询接处警的更多条件* */const elTransition = '0.3s height ease-in-out, 0.3s padding-top转载 2020-09-09 20:09:42 · 1443 阅读 · 3 评论