Vue el-upload上传笔记

1.遇到新增,编辑弹框有照片,编辑需要回显而新增不需要回显
 
  有的时候新增照片之前编辑的照片会一闪一下然后就没了

  解决办法
  
  <el-upload ref='upload'></el-upload>
 
  在弹框关闭方法和提交方法(接口成功后调用)以下方法
  
  this.$nextTick(() => {

	this.$refs["upload"].clearFiles();

  });
录音audio使用

<el-dialog
   title=""
   :visible.sync="dialogVisible"
   :close-on-click-modal="unModal"
   width="800px"
   :before-close="handleCloseDown">
	  <div class="aplayer-warp" @click="playSound">
		<audio controls class="audiosty" v-if="dialogVisible">
		  <source :src="audioSrc" />
		</audio>
	  </div>
</el-dialog>

data中定义  

dialogVisible:false,
unModal:false
audioSrc:'录音的地址'

methods中  handleCloseDown(){ this.dialogVisible=true }

style中  .aplayer-warp {
	        margin-bottom: 30px;
         }
         .audiosty {
            width: 100%;
	        margin-top: 30px;
         }

猜你喜欢

转载自blog.csdn.net/qq_42753983/article/details/130523773