Vue.js
Vue.js的相关知识记录。
Evan Wang
这个博客就用来记录自己学到了什么吧。
展开
-
element ui 实现表单序号翻页累加
一、需求描述需要序号根据数据的条数累加显示,且翻页后仍然保持正常的序号,如下图所示。这是第一页,这是第二页,二、解决方案在el-table-column中标注,type=“index”, 然后使用:index绑定计算方法。计算方法代码如下,补充完即可正常显示序号。如果你发现你的序号显示仍然是错误的,请千万要仔细检查你的currentPageNumber 和 currentPag...原创 2020-03-09 22:01:16 · 1173 阅读 · 0 评论 -
element-ui清除表单验证提示语
一、需求描述:使用了element-ui的表单,点击发布当物流单号为空时,会出现提示,如果我通过上方下拉框切换了物流名称,我希望能够主动的清楚下方的红色提示信息。二、解决方案1.编写表单代码,绑定下拉框change事件2.编写chang事件代码...原创 2020-03-09 21:45:33 · 2825 阅读 · 0 评论 -
vue中formatter的使用方法
一、需求描述我们平时接收到后台传来的数据是某种状态码,或者数字标识,需要我们在前端将其转换为对应的内容。如图所示,其实我们接收到的标识是0、1、2。将其转换成女,男,无限制。二、使用:formatter我们可以使用:formatter,代码如下。prop对应你要取的值,:formatter对应方法。注意不要忘了冒号。 <el-table :data="r...原创 2020-02-15 20:17:19 · 26975 阅读 · 4 评论 -
element-ui中弹框dialog不显示
一、问题描述今天在写vue项目时候,遇见如下需求:点击编辑按钮弹出一个dialog,dialog中的表单展示当前行显示数据,然后编辑后保存。但是我点击后,出现了遮罩层,但是dialog怎么也不显示,如图。二、解决方案这里是由于一个属性没有设置正确导致的问题。在el-dialog 标签内,添加如图红色矩形框内所示属性。且设置为ture,即可解决问题。正确效果:三、文档说明我们...原创 2020-02-14 20:51:28 · 11067 阅读 · 3 评论 -
Vue-Cli 4版本运行环境配置
一、问题描述Vue-Cli自3.x以上版本取消了config目录,我们没法直接在config目录下的文件中对运行环境进行配置,因此需要开发者手动完成配置。二、配置方法1.新建vue.config.js文件在项目的根目录新建vue.config.js文件,并在该文件中配置相应的启动项。// vue.config.jsmodule.exports = {module.exports = ...原创 2020-02-07 15:21:49 · 1973 阅读 · 1 评论 -
axios请求失败 如何获取后端接口返回的状态码及错误信息
这两天在写前端项目时候遇到个问题,后端异常做了统一处理,错误信息和提示都在返回的json中,在做校验或其他非正常情况下,返回错误的状态码,则axios直接报错,无法拿到后端返回的json。但是我需要向用户展示后端返回的json中的错误信息,用普通的catch方法只能获取到浏览器返回的400等错误提示,不能获取到后端返回的json,后经查阅得出下面方法:axios.get('api/us...原创 2020-02-05 13:19:35 · 8836 阅读 · 0 评论 -
element-ui中resetFields()清空表单无效
今天在利用Vue写前端时候,使用到了ElementUI。其中使用到关于表单清空resetFields()时,发现并没生效,下面说下注意事项和解决方案。一、解决方案二、注意事项1. 在使用的过程中:(1) model中的字段要和ref中的字段对应上,model中的字段也就是v-model中监听的对象的字段。(2) prop中的字段要和v-model中的字段对应上,这个四个字段都是为...原创 2020-02-05 12:48:43 · 4216 阅读 · 0 评论 -
axios设置header请求头信息
在前端向后端发起请求时,经常需要设置一些请求头信息,例如验证用户是否登录的token信息,在使用axios发请求时,该如何设置请求头信息呢,下面演示下。axios.get(url, { headers: { 'User-Authorization': token, "User-Account" : account, ...原创 2020-02-03 23:28:15 · 5961 阅读 · 0 评论 -
Cannot assign to read only property exports of object
一、问题介绍:在webpack项目中使用@babel/plugin-transform-runtime时,报错ERROR in Error: E:\workdata\webpackVue/node_modules/_@babel_runtime@7.4.5@@babel/runtime/helpers/ typeof.js?:33module.exports = _typeof;^T...原创 2020-02-03 16:24:27 · 2915 阅读 · 0 评论 -
vuex:使用常量作为函数名
mutation-types:将常量放在单独的文件中,方便协作开发。 // mutation-types.jsexport const SOME_MUTATION = 'SOME_MUTATION' // store.jsimport Vuex from 'vuex'import { SOME_MUTATION } from './mutation-types' const...原创 2020-02-01 23:40:25 · 1104 阅读 · 0 评论 -
npm install时长时间停留在fetchMetadata: sill解决方法
主要是因为npm安装插件是从国外服务器下载,受网络影响大,一般网速不好的情况下,会等很久很久,too long~解决办法1.将npm的源换成淘宝镜像使用下面命令更换源。npm config set registry https://registry.npm.taobao.org源更换完成之后,使用下面命令检查npm config get registry#或者npm info...原创 2020-01-26 23:19:35 · 9202 阅读 · 2 评论 -
Type of the default value for ‘data’ prop must be a function
在写成如下形式代码时,ESLint会报Type of the default value for ‘data’ prop must be a function。意思是:prop的默认值data必须是一个函数。一、错误示范props: { data: { type: Array, default: [] } }...原创 2019-11-29 13:05:03 · 2614 阅读 · 0 评论 -
vue中$router和$route的基本使用
发现在自己在前端的道路上要一去不复返了,好了废话少说,开始记录。如果大家有什么问题,欢迎给我留言,一起交流探讨。: )一、路由基本概念1.route,表示一条路由信息。{ path: '/home', component: Home }2.routes,表示一组路由信息。const routes = [ { path: '/home', component: H...原创 2019-11-26 11:37:43 · 10140 阅读 · 0 评论