黑马程序员技术交流社区

标题: 【郑州校区】Java的新项目学成在线笔记-day14（十） [打印本页]

---

作者: 谷粒姐姐    时间: 2019-6-3 11:05
标题: 【郑州校区】Java的新项目学成在线笔记-day14（十）
3.2.3 子组件（我的媒资查询）
1、定义ischoose变量，接收父组件传入的ischoose

[AppleScript] 纯文本查看 复制代码

export default{

   props: ['ischoose'],   data(){

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

[AppleScript] 纯文本查看 复制代码

<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>

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

[AppleScript] 纯文本查看 复制代码

<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> 

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

[AppleScript] 纯文本查看 复制代码

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);  }

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2