Java的新项目学成在线笔记-day14（十）

3.2.3 子组件（我的媒资查询）
1、定义ischoose变量，接收父组件传入的ischoose

[mw_shl_code=applescript,true]export default{
   props: ['ischoose'],   data(){[/mw_shl_code]

2、父组件传的ischoose变量为 true时表示当前是选择媒资文件业务，需要控制页面元素是否显示
1）ischoose=true，选择按钮显示

[mw_shl_code=applescript,true]<el‐table‐column label="选择" width="80" v‐if="ischoose == true">   
<template slot‐scope="scope">   
<el‐button     
size="small" type="primary" plain @click="choose(scope.row)">选择</el‐button>  
  </template>  </el‐table‐column>[/mw_shl_code]

2）ischoose=false，视频处理按钮显示

[mw_shl_code=applescript,true]<el‐table‐column label="开始处理" width="100" v‐if="ischoose != true">  
  <template slot‐scope="scope">    
  <el‐button    
    size="small" type="primary" plain @click="process(scope.row.fileId)">开始处理   
   </el‐button>  
  </template>  </el‐table‐column> [/mw_shl_code]

3、选择媒资文件方法
用户点击“选择”按钮将向父组件传递媒资文件信息

[mw_shl_code=applescript,true]choose(mediaFile){    
  if(mediaFile.processStatus !='303002' && mediaFile.processStatus !='303004'){   
     this.$message.error('该文件未处理，不允许选择');    
    return ;   
   }   
if(!mediaFile.fileUrl){   
   this.$message.error('该文件的访问url为空，不允许选择');   
   return ;  
  }   
//调用父组件的choosemedia方法    this.$emit('choosemedia',mediaFile.fileId,mediaFile.fileOriginalName);  }[/mw_shl_code]