Vue问题合集

目录

1.背景

2.问题合集

1)报错:npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查

2)报错:npm ERR! network request to http://registry.npmjs.org/vue-cli failed

3)ElementUI el-input设置高度时指定行数无效

4)为表格中的URL加上超链接显示

5)element-ui中的el-upload组件上传时,后台接收的文件为空

6)vscode中代码行数统计

7)vue-admin-template工程目录介绍

8)修改vue-admin-template默认的访问地址

9)ES6的坑

10) 上传视频报错,错误信息:413 Request Entity Too Large

11)多个el-select同时设置为必填样式和页面样式的调整


1.背景

使用Vue+ElementUI开发的过程中遇到一些问题,这里简单总结记录一下。

2.问题合集

1)报错:npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查

解决方法:运行时,右键“以管理员身份运行”

参考:npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查_番茄红了-CSDN博客

2)报错:npm ERR! network request to http://registry.npmjs.org/vue-cli failed

解决方法:配置代理。

npm config set proxy http://<用户名>:<密码>@<代理域名>:<端口号>
npm config set https https-proxy http://<用户名>:<密码>@<代理域名>:<端口号>

查看设置:

npm config get proxy
npm config get proxy https-proxy
npm config list

这里还曲折了一下,使用代理域名无论如何都无法访问,只能通过ping找到域名对应的IP地址,然后替换了上述“代理域名”,才最终正常进行插件安装。

参考:

[vscode/node.js/vue报错]:npm ERR! 407 authenticationrequired - GET https://registry.npmjs.org/browsers_你在此地别动的博客-CSDN博客

npm 设置代理 and 配置镜像_轨迹-CSDN博客

3)ElementUI el-input设置高度时指定行数无效

解决方法:el-input的属性type="textarea"和:rows="10"需要结合使用

参考:elementUI el-input 输入框 设置高度和宽度 - keepsummer - 博客园

4)为表格中的URL加上超链接显示

<el-table-column prop="url" lable="访问链接" align="center" show-overflow-tooltip>
    <template slot-scope="scope">
        <router-link v-bind:to="scope.row.url" style="color: #0064ff">{{scope.row.url}}<router-link>
    </template>
</el-table-column>

参考:

vue+element-ui表格列元素添加链接_huanxianxianshi的博客-CSDN博客

VUE-001-在表格单元格(el-table-column)中添加超链接访问 - 范丰平 - 博客园
Vue中使用element-ui中的el-table时修改列的字体颜色 - 醉温柔 - 博客园

5)element-ui中的el-upload组件上传时,后台接收的文件为空

原因:后台接口中使用的是MultipartFile类型时,其变量名必须是file。

这个问题有点特别,但按照这个做了以后,后台就能正常接收文件了

6)vscode中代码行数统计

参考:vscode代码统计——Vscode counter - vickylinj - 博客园

7)vue-admin-template工程目录介绍

参考:详细分析 vue-admin-template_cyt-CSDN博客_vue-admin-template

8)修改vue-admin-template默认的访问地址

参考:SpringBoot实现Vue-admin-template登录 - Codeluojay - 博客园

9)ES6的坑

 参考:ES6之Babel的各种坑总结_tqy的博客-CSDN博客

10) 上传视频报错,错误信息:413 Request Entity Too Large

修改nginx.conf中上传文件的大小限制,在server段添加一行如下代码:

client_max_body_size 500m;

参考:上传视频时候报错 状态413 Request Entity Too Large【请求体过大】 - 牧牛人Alec - 博客园

11)多个el-select同时设置为必填样式和页面样式的调整

参考:

element 表单验证 el-form-item里面验证两个select 必填,select 值绑定为对象时如何验证必填 - 一个懒惰的陈xx - 博客园

element的form表单中如何一行显示多el-form-item标签 - 爱喝酸奶的吃货 - 博客园


版权声明:本文为aduocd原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。