猿问

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

vue.js删除预览图片无效问题。

vue.js小白，正在尝试做一个多图预览删除并上传的功能，已经实现了单图上传预览，删除还遇到些问题，希望大牛们指点迷津，附上html,vue.js的代码。主要问题：选择多图预览时只显示单图，删除单图时不知道如何获取图片的索引，尝试用过v-for，但是在中加上v-for="(key,image)inimages"图片预览就不成功html:
图片预览
style="position:absolute;"@click='delImage(key)'>
移除全部图片
上传
图片上传
vue.js：
onFileChange(e){
varfiles=e.target.files||e.dataTransfer.files;
if(!files.length)
return;
this.createImage(files);
},
createImage(file){
varimage=newImage();
varvm=this;
varleng=file.length;
for(vari=0;ivarreader=newFileReader();
varuploadFile=document.getElementById("uploadFile").files[0];
reader.readAsDataURL(uploadFile);
reader.onload=function(e){
$("#pic").attr("src",e.target.result);
};
}
},
delImage:function(index){
this.images.shift(index);
},
removeImage:function(e){
//this.images=[];
$("#pic").remove();
},

			

				
小怪兽爱吃肉

				
浏览 496回答 1

			

			
			
		

		


		

		

			
			
1回答

			

				
				

					
					
手掌心

					
楼上说得很详细了，我只好来找点问题最好不要vue和jquery混用shift(index)是什么鬼,应该是splice(index,1)吧

					

						

							
							
						

						
0

					

				

				
			

			
		

		

			
			打开App，查看更多内容
		

	
	

	随时随地看视频慕课网APP


	
	
	

		
相关分类

		

			
			

			
				 JavaScript