效果展示:element中已经有对应的组件了,直接封装成公用的组件使用即可在@/components/UploadImage/index.vue(注意我们要自定义上传,并上传到第三方服务器中,所以使用http-request,使用他的时候不要用on-success了)标记:show-file-list:是否 显示上传的文件列表action:"#"用来指定文件要上传的地址,由于我们需要定制上传动作,

1.注册全局组件的原因:在项目中会多次使用2.公共的.vue的文件要写入哪里?src/components下3.在项目的任意组件中直接使用4.注册的方式一.传统方式步骤:1.定义一个.vue的组件,要预备作为全局组件2.在main.js中导入这个组件import XXX from "路径"Vue.component("名字要是字符串的格式",XXX)3.就可以...

Excel的导入可分为2种一.前端为主导,进行数据的处理二.是后端为主导,进行数据的处理前端步骤:1.安装插件npm i xlsx -S2.引入(vue-admin-element中的已有的方案),通过路由路径定位到源码位置3.在自己的项目中定义2个文件使用组件：src/components/UploadExcel/index.vue(这是在vue-admin-element直接cv来的,可以直接

1.父传孙数据:provide2.子孙得到数据:inject一.爷爷传孙数据:provide爷爷组件:<template><div>我是爷爷组件我有{{ money }}元钱</div><hr /><Child></Child></template><script>import { ref, provi

<template><div class="goods-tabs"><nav><a :class="{ active: currentName === 'GoodsDetail' }" href="javascript:;" @click="toggle('GoodsDetail')">商品详情</a><a href="javasc

Vue项目中我经常遇见的问题就是明明自己写在methods中就是会报错不是函数的问题那有可能是你引入的api的函数名字不对,导致的如下导致的问题:1.引入时候的名称与api 不符合2.或者就是按需导入的时候并没有加{}希望对你有所帮助,请一键三连,谢谢...

一.为什么会出现跨域问题?出于浏览器的同源策略限制.同源策略是一种约定,它是浏览器最核心也是最基本的安全功能,如果缺少了同源策略,则浏览器的正常的功能可能会受到影响,跨域收是Web是构建在同源策略基础上的,浏览器只是针对同源策略的一种实现,同源策略会阻止一个域的JavaScript脚本和另一个域的内容进行交互,所谓同源(即指同一个域)就是两个页面具备同样的协议(protocol),主机(host)

element的组件中,给resetField方法的定义是对整个表单进行重置,将所有字符值重置为初始值并移除校验结果但是实际的工作当中,发现1.resetFields()只对具有校验的表单元素有关系2.resetFields()重置并不绝对的意味着将表单设置为空,而是初识值1号问题如下图所示:解决方式:加入手动重置:this.$refs.form.resetFields()this.form.na

一.为什么会出现跨域问题?出于浏览器的同源策略限制.同源策略是一种约定,它是浏览器最核心也是最基本的安全功能,如果缺少了同源策略,则浏览器的正常的功能可能会受到影响,跨域收是Web是构建在同源策略基础上的,浏览器只是针对同源策略的一种实现,同源策略会阻止一个域的JavaScript脚本和另一个域的内容进行交互,所谓同源(即指同一个域)就是两个页面具备同样的协议(protocol),主机(host)