07 2021 档案

摘要:注册组件代码如下: // 设置自定义指令v-focus directives: { // focus指令名称 focus: { inserted(el) { el.focus() }, }, }, 以上我是按照之前教学视频进行注册的自定义指令,但是失效。 运行之后可以试着打印下el,看下值是什么: 阅读全文
posted @ 2021-07-25 22:25 前端小白加油 阅读(2318) 评论(0) 推荐(0)
摘要:目标效果: 1.vue项目中需要使用el-cascader组件,可以选择任意一级的内容,并且去掉单选框。注:官方版本是有单选框的。 效果图如下: 失效效果:(可以选择任何一级,有三级情况下,想选择二级就选择二级,并且去掉单选框) 步骤如下: 1.先设置父子节点取消选中关联,从而达到选择任意一级选项的 阅读全文
posted @ 2021-07-24 00:09 前端小白加油 阅读(3514) 评论(0) 推荐(0)
摘要:错误原因:‘因为传统的字符串携带请求参数的方式用习惯了,今天突然想用模板字符串形式传参,导致习惯性的加上+号’。 解决方法:‘只需要删掉+号即可’ 阅读全文
posted @ 2021-07-21 23:15 前端小白加油 阅读(564) 评论(0) 推荐(0)
摘要:错误截图: 错误原因: 属性后面应该是=号,被我写成:号。 解决方法: 改成双引号即可 height="250" 阅读全文
posted @ 2021-07-21 00:13 前端小白加油 阅读(2163) 评论(0) 推荐(0)
摘要:问题原因: mouted加载table数据以后,隐藏的弹出框并没有编译渲染进dom里面。click弹出的时候$refs并没有获取到dom元素导致 'resetFields' of undefined。 解决方案: 如果是第一次就点击新增就没必要reset, 根据元素undefined判断 reset 阅读全文
posted @ 2021-07-20 14:54 前端小白加油 阅读(335) 评论(0) 推荐(0)
摘要:错误截图: 错误原因: 没有将引入的MessageBox组件中的prompt子组件注册为全局组件。 解决方法: 只需要将prompt子组件挂载到Vue构造函数的原型对象中即可。 // 将$prompt作为Vue的原型对象的属性进行挂载 Vue.prototype.$prompt = MessageB 阅读全文
posted @ 2021-07-19 20:16 前端小白加油 阅读(1665) 评论(0) 推荐(0)
摘要:<el-form-item label="用户名" label-width="70px" :required="true"> <el-input v-model="form.name" autocomplete="off"> </el-input> </el-form-item> 只需要在标签内加上 阅读全文
posted @ 2021-07-19 17:12 前端小白加油 阅读(6478) 评论(0) 推荐(1)
摘要:代码如下: <el-input placeholder="请输入搜索内容" class="input-with-select" v-model="inputName" v-on:keyup.enter="handleSubmit" > 错误原因: 因为el-input有一层父亲是div,所以会失效。 阅读全文
posted @ 2021-07-19 11:34 前端小白加油 阅读(316) 评论(0) 推荐(0)
摘要:转载至:https://blog.csdn.net/sinat_35092057/article/details/84981327,方法可行。Mark! 阅读全文
posted @ 2021-07-16 19:33 前端小白加油 阅读(1196) 评论(0) 推荐(0)
摘要:错误截图: 错误原因: element-ui中菜单组件的index的值类型必须是字符串型,我绑定了index属性并且赋值为num数值类型,所以报错。 <el-submenu :index="index + 1" :key="index" v-for="(item, index) in menus"> 阅读全文
posted @ 2021-07-16 19:18 前端小白加油 阅读(1226) 评论(0) 推荐(0)
摘要:错误截图: 错误原因: 在使用axios的拦截器时,没有添加返回值 return config 解决方法: 在请求拦截器中添加 return config 阅读全文
posted @ 2021-07-16 17:28 前端小白加油 阅读(273) 评论(0) 推荐(0)
摘要:错误截图: PS D:\WEB前端\案例\vue_shop> npm install -g n npm ERR! code EBADPLATFORM npm ERR! notsup Unsupported platform for n@7.3.0: wanted {"os":"!win32","ar 阅读全文
posted @ 2021-07-14 14:00 前端小白加油 阅读(4247) 评论(0) 推荐(0)
摘要:在终端或者node.js运行git相关命令时遇到的错误: 解决方法: 1.找到你电脑上的git安装中bin的路径,如:C:\Users\XXX\Git\Git\bin;同时,找到git安装路径中git-core的位置,如:C:\Users\XXX\Git\Git\libexec\git-core; 阅读全文
posted @ 2021-07-13 23:32 前端小白加油 阅读(17675) 评论(0) 推荐(0)
摘要:错误截图: 错误原因: 可能是下载的vue-loader的版本太高导致的,我下载的版本是v16.0.1的版本。 解决方案: 百度看到一篇文章说下载^15.7.0版本可能可行,就报着试一下的心态重新下载15.7.0,居然成功了,感谢强大的网友。 下载完成之后的lib文件夹情况如下: 从截图可以看到多了 阅读全文
posted @ 2021-07-13 14:09 前端小白加油 阅读(7075) 评论(0) 推荐(1)
摘要:环境: node: v10.13.0npm: 6.4.1win10: 64位 安装的是最新版node-sass 时报错如下: 图中划横线是关键性错误提示.百度了的答案都是千篇一律解决不了问题。 试过网上说的修改sass安装源,使用命令:npm config set sass_binary_site= 阅读全文
posted @ 2021-07-12 23:21 前端小白加油 阅读(5589) 评论(0) 推荐(0)
摘要:一、组件命名: 组件命名方式目前我所知道的总共有两种,一种是驼峰命名式写法:emailTest,另一种是短横线写法:email-test。 前者只能在模板中使用,后者只能在模板中使用也能在vue实例控制的区域使用。 <!-- vm实例控制的区域 --> <div id="app"> <!-- 主容器 阅读全文
posted @ 2021-07-11 00:04 前端小白加油 阅读(2143) 评论(0) 推荐(0)
摘要:错误截图: 错误原因:根据金山词霸翻译如下: ”您可能需要适当的加载程序来处理此文件类型,当前没有配置加载器来处理此文件“ 大致意思是程序在打包过程中会去webpack.config.js文件中查找相关css加载器,因为找到所以就报错了。 解决方法: 1.下载相关插件 style-loader和cs 阅读全文
posted @ 2021-07-10 20:21 前端小白加油 阅读(55564) 评论(0) 推荐(0)
摘要:下载安装自动打包工具webpack-dev-server: PS D:\WEB前端\案例\前端工程化:ES6模块化和webpack打包\webpack_study> npm install webpack-dev-server -D npm WARN deprecated chokidar@2.1. 阅读全文
posted @ 2021-07-10 17:24 前端小白加油 阅读(785) 评论(0) 推荐(0)
摘要:完整错误提示: 错误分析:这句警告意思是module文件夹中没有express框架相关依赖包。 解决方案:只需要运行命令自行安装express依赖包即可。 PS D:\WEB前端\案例\前端工程化:ES6模块化和webpack打包\webpack_study> npm install express 阅读全文
posted @ 2021-07-09 22:11 前端小白加油 阅读(2063) 评论(0) 推荐(0)
摘要:经过百度后得知:目前NODE.JS 只实现了部分 ES6语法, import 就是没有被实现。 解决方法:安装插件使得NODE.JS支持ES6 默认导入语法 还有可以使用插件支持es6 1.node.js终端 安装插件 npm install --save-dev babel-preset-es20 阅读全文
posted @ 2021-07-09 20:15 前端小白加油 阅读(647) 评论(0) 推荐(0)
摘要:解决方法1: 注释掉.eslintrc.js文件中的’@vue/standard’ 解决方法2: vue.config.js中将以下三项设置为false devServer: { overlay: { warnings: false, errors: false }, lintOnSave: fal 阅读全文
posted @ 2021-07-08 22:12 前端小白加油 阅读(2355) 评论(0) 推荐(0)
摘要:从截图可以看到服务器是连接成功的,如果想要去掉这段警告,需要在连接数据库的时候加入划横线的两个参数。 // 引入mongoose第三方模块 const mongoose = require('mongoose'); // 创建数据库 mongoose.connect('mongodb://local 阅读全文
posted @ 2021-07-05 14:13 前端小白加油 阅读(993) 评论(0) 推荐(0)
摘要:错误截图: 根据错误提示,是系统没有‘package.json’这个文件导致。这个文件的作用就是管理你本地安装的npm包。所以每次开启项目之前都需要先生成package.json文件 解决方法:npm init -y 或者 npm init 一直按空格就是默认。安装完package.json文件,重 阅读全文
posted @ 2021-07-05 14:10 前端小白加油 阅读(2499) 评论(0) 推荐(0)
摘要:服务器端错误信息如下:画红线为关键错误信息。 app.get('/async1', (req, res) => { var age = 18 res.send(age); }); 错误原因:查阅资料后发现自己传的参数是一个数值18,被当作状态码传递,所以报错。 res.send()的用法如下:res 阅读全文
posted @ 2021-07-05 12:16 前端小白加油 阅读(998) 评论(0) 推荐(0)
摘要:出错原因:axios请求拦截器没有添加,return config。 解决方法:在拦截器内加上return config。(!!!注意响应拦截器中也要添加返回值) 代码如下: 1 axios.defaults.baseURL = 'http://localhost:2002/' 2 axios.in 阅读全文
posted @ 2021-07-05 10:44 前端小白加油 阅读(972) 评论(0) 推荐(0)
摘要:今天在准备实现跨域登录,在后台/login路由中登录成功节点设置req.session.username = user.username,运行失败。 代码如下: 1 // 跨域登录案例 2 app.post('/login', (req, res) => { 3 // 调用formidable下的I 阅读全文
posted @ 2021-07-01 14:30 前端小白加油 阅读(399) 评论(0) 推荐(0)