记录一下问题

1、table组件的列是循环出来的,其中有一个按钮时下载

      <template v-for="(action,index) in value.actions">
      <el-button  type="primary" plain v-if="action.text=='编辑'" @click="$emit(action.method,{row:scope.row,column:scope.column,index:scope.$index})">编辑</el-button>
      <el-button type="danger" plain v-if="action.text=='删除'" @click="$emit(action.method,{row:scope.row,column:scope.column,index:scope.$index})">删除</el-button>
      <a :href="url"  v-if="action.text=='下载'" @click="$emit(action.method,{row:scope.row,column:scope.column,index:scope.$index})">
        <el-button type="success" plain>下载</el-button>
      </a>
      <el-button  type="warning" plain v-if="action.text=='查看'" @click="$emit(action.method,{row:scope.row,column:scope.column,index:scope.$index})">查看</el-button>
      <i class="el-icon-zoom-in" title="查看详情" v-if="action.text=='放大镜'" @click="$emit(action.method,{row:scope.row,column:scope.column,index:scope.$index})"></i>
      <!-- <i class="detail" v-if="action.text=='查看'" @click="$emit(action.method,{row:scope.row,column:scope.column,index:scope.$index})">查看详情</i> -->
    </template>

a标签的,在父页面

  <standard-table
            v-loading="loading"
            :layout="'prev, pager, next'"
            :columns="cla_columns"
            :pagination='pagination'
            :url="downloadUrl"
            :data="sourceData.slice((pagination.current_page-1)*pagination.page_size,pagination.current_page*pagination.page_size)"
            @current-change="current_change"
    @search="searchDetail"
    @download="downloadSource"
    @delete="deleteSource"
            
        ></standard-table>

js部分

 // 下载素材
 downloadSource:function(row){
  this.downloadUrl=window.g.apiUrl+'/Materialapi/download?material_id='+row.row.material_id
  console.log(this.downloadUrl)
},

输出的地址是用网页打开是下载文件,但是执行的时候是刷新页面,查了一下,a标签的href和onclick事件同时存在时,先执行的是onclick事件,这里用到了组件,也许跟组件到页面渲染有关

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,381评论 1 45
  • 外汇黄金喊单 今日关注 (德国因宗教改革纪念日休市一日) 1、11:00 日本央行公布利率决议及政策声明 2、14...
    小胖子解忧杂货店阅读 1,531评论 0 1
  • 〖群规条例〗1、长期潜水者请自动退群。本群严厉打击潜水者,本群会按聊天记录定期T些人。(发太多一样的表情直接定义为...
    孤魂逆影阅读 3,308评论 0 0
  • 我们是好朋友,从高中就认识了。 高二的某一天她转学来的 从那一天开始我们就是同桌。 两个人吵吵闹闹的感情却一点也没...
    甲不假阅读 2,286评论 0 4
  • 1 有位在机关工作的朋友有次拿了本书看,书名《异类:不一样的成功启示录》。同事看到了说,你就是个异类,还看什么《异...
    小小lisa阅读 1,472评论 0 0

友情链接更多精彩内容