Vuex图片上传

H女王范儿 2019-12-29

首先   启动Cmder  vue ui 新建个环境

用Element组件引入  安装 npm i element-ui -S

在 main.js中引入  如图

Vuex图片上传

在页面显示上传图片

Vuex图片上传

Vuex图片上传

这些是上传的布局

接下来在页面引入vuex

Vuex图片上传

Vuex图片上传

在methods中把imgUrl穿入到vuex中的 stroe文件夹下的index.js文件中

Vuex图片上传

接下来就可以在另一个页面接收vuex中的已经上传的图片

也是同样的方法 先引入

Vuex图片上传

接下来在 获取上传来的vuex中的图片

Vuex图片上传

接下来就可以在页面中引入图片了

<img :src="img">

相关推荐