VUE
lilyheart1
记录每一次遇到的bug,不断提升自己的技能!一分耕耘,一份收获!
展开
-
Element ui input输入框 限制只能输入数字,位数最多为6位
Element ui input输入框输入限制原创 2023-02-13 10:21:06 · 2176 阅读 · 0 评论 -
element ui 表格中,使用length判断报错
控制台报这个错的话,先排查html代码中是否使用了xxx.length,代码中是这样写的,<el-table> <el-table-column label="操作" align="center" width="330"> <template slot-scope="scope"> <el-button v-show="scope.row.children.length>0" size="mini" ...原创 2021-12-06 11:45:01 · 1374 阅读 · 1 评论 -
element ui表单验证,验证通过但是不进if(valid){}步骤
表单自定义验证,如图:data中定义的验证规则: var validatePass = (rule, value, callback) => { if (value === '') { return callback(new Error('请输入密码')); } else { if (this.ruleForm.checkPass !== '') { this.$refs.ru...原创 2021-10-19 17:38:04 · 1631 阅读 · 0 评论 -
vue element UI 实现表格的导出(下载)功能
方法一:1.安装两个依赖: npm install -S file-saver xlsx npm install -D script-loader2.项目中新建一个文件夹(名字自起):里面放置两个文件Blob.js和 Export2Excel.js,3.在.vue文件中 写这两个方法:其中list是表格的数据export2Excel() { require.ensure([], () => { cons原创 2021-09-07 17:03:56 · 2032 阅读 · 0 评论 -
element ui checkbox-group多选框怎么选中id值
在项目开发中,使用多选框组,选中时想要取到该项的id而不是label值:checkbox-group:Element ui 中的组件,只需要在 Group 中使用v-model绑定Array类型的变量即可,并且绑定change实践,el-checkbox 的 label属性是该 checkbox 对应的值,所以只要label绑定id就可以了,显示的话使用label; 看代码 <el-checkbox-group v-model="checked" @change="test"> .原创 2021-09-01 17:22:14 · 5022 阅读 · 3 评论 -
element ui 的输入框el-input输入一个字后失去焦点,需重新点击下才能继续输入内容
该问题场景是,在el-dialog框中,嵌套了表单,在表单中使用el-input输入框时,发现输入一个字符后失去焦点不能在继续输入,需要重新点击输入框才能输入内容。部分代码如下:<el-form-item v-for="(item,index) in data" :key="item.label" :label="'名称'+index" :value="item.label" > <el-input v-model="item.labe原创 2021-04-13 20:05:23 · 9278 阅读 · 1 评论 -
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.14.1 postinstall: `node scripts/build
1.使用npm run dev 启动项目时,报错: ERROR Failed to compile with 19 errors 9:48:05 ├F10: ...原创 2020-08-27 10:20:18 · 8846 阅读 · 0 评论 -
VUE-CLI 3 修改前端默认的端口
所在目录:node_modules\@vue\cli-service\lib\commands需要修改的文件:serve.js默认端口为8080,我修改为8081;如下图所示:const { info, hasProjectYarn, hasProjectPnpm, openBrowser, IpcMessenger} = require('@vue/cli-shared-utils')const defaults = { host: '0.0.0.0', p原创 2020-06-12 15:21:16 · 8707 阅读 · 0 评论 -
VUE 启动项目报错
因任务需求需要将原来的代码,复制一份改变端口号来和后端代码实现新需求,再将代码复制后,使用npm run dev启动项目报错了,npm install也不行。在网上搜了各种方法都不行,头大,简直是个玄学问题了。都快放弃了,有一篇文章来的真是及时,。。。附上链接https://www.jianshu.com/p/4427489f7e4e。报错了,查看log中的提示,按照报错提示执行命令解决,...原创 2019-12-23 14:26:07 · 2998 阅读 · 0 评论 -
Vue2.0 搭建Vue脚手架(vue-cli)搭建项目
1.首先,打开命令行工具(win+r,然后输入cmd), 2.输入node -v,若出现相应版本号表示已经安装过了;若没有则安装node.js,从node.js官网下载并安装node,安装过程很简单,一直“下一步”即可。注意:在官网下载安装node.js后,就已经自带npm (包管理工具)了,另需注意的是npm的版本最好是3.x.x以上,以免对后续产生影响。3.然后,安装淘宝...原创 2018-08-21 17:53:49 · 3991 阅读 · 0 评论 -
vue-router如何传递参数(三种方法)
1.使用name传递之前一直在配置路由的时候出现一个name,但不知道他具体有什么用,在路由里他可以用来传递参数。在index.js中将路由的name都写好接收参数:在我们需要接收它的页面里添加<p>我是router-name:{{$route.name}}</p>比如我在这里是在APP.vue中接收的,我希望切换每个页面都能看见参数。看结果:...原创 2018-10-09 13:34:23 · 36008 阅读 · 1 评论