iview的table显示图片和显示超链接

显示图片

<template>
    <div class='bannerPage'>
      <Table border ref="tables" :columns="columns" :data="tableData">
          <template slot-scope="{ row }" slot="action" >
            <Button  size="small" class='btn' @click="editFn(row)">编辑</Button>
            <Button  size="small" class='btn' @click="deleteFn(row)">删除</Button>
          </template>
      </Table>
      <div class='ticp'>小贴示：轮播图可设置3-6张，至少设置三张轮播图才会生效奥，轮播图小于三张会恢复默认图片！</div>
    </div>
</template>
export default {
  name: 'banner_set_page',
  data () {
    return {
      columns: [
        { title: '序列号', type: 'index', align: 'center', width: '80' },
        { title: '