首页 > Web开发 > 详细

Vuex图片上传

时间:2019-12-29 21:19:17      阅读:212      评论:0      收藏:0      [点我收藏+]

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

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

在 main.js中引入  如图

技术分享图片

在页面显示上传图片

技术分享图片

技术分享图片

这些是上传的布局

接下来在页面引入vuex

技术分享图片

技术分享图片

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

技术分享图片

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

也是同样的方法 先引入

技术分享图片

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

技术分享图片

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

<img :src="img">

Vuex图片上传

原文:https://www.cnblogs.com/sjd666/p/12115952.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!