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]