使用iview的table，我想在操作那一列插入三個button，然后他顯示出來這樣的：

嘗試了網上的方法不得行，我是直接用的iview的模板，沒有理解這一段話
“*render 函數傳入三個參數 row、column 和 index，分別指當前單元格數據，當前列數據，當前是第幾行。
render 函數本質返回的是字符串，Table 組件在內部對其進行了編譯，如果使用了自定義組件，需要特別注意上下文，編譯后的自定義組件，默認的上下文是 Table 所在的上下文，如果想讓組件在指定的實例下編譯，可以給 Table 設置屬性 context 來指定上下文，比如本例指定當前路由頁為上下文。一般情況不需要此配置，但如果你把 Table 作為一個 slot 封裝在其它組件里，這時 context 屬性就很有用，比如父級是 $parent，根組件 $root。*”

相關代碼

這個是定義的一個組件，我在父組件調用他，是不是與那個context有關

<template>
    <Table 
        :border="showBorder" 
        :stripe="showStripe" 
        :show-header="showHeader" 
        :height="fixedHeader ? 250 : ''" 
        :size="tableSize" 
        :data="subtabledata" 
        :columns="tableColumns3"
        :highlight-row="true"
        :context="$root"
    >
    </Table>
</template>
<script>
    export default {
        name:"caneditTable",
        props:{
            tabledata:{
                type:Array,
            }
        },
        data () {
            return {
                subtabledata:JSON.parse(JSON.stringify(this.tabledata)),
                showBorder: true,
                showStripe: true,
                showHeader: true,
                showIndex: false,
                showCheckbox: true,
                fixedHeader: false,
                tableSize: 'small',
                
            }
        },
        computed: {
            tableColumns3 () {
                let columns = [];
                if (this.showCheckbox) {
                    columns.push({
                        type: 'selection',
                        width: 60,
                        align: 'center'
                    })
                }
                if (this.showIndex) {
                    columns.push({
                        type: 'index',
                        width: 60,
                        align: 'center'
                    })
                }
                columns.push({
                    title: '新聞標題',
                    key: 'title',
                    align: 'center'
                });
                columns.push({
                    title: '標題圖片',
                    key: 'pictitle',
                    width: 164,
                    align: 'center'
                });
                columns.push({
                    title: '發(fā)布人',
                    key: 'name',
                    width: 164,
                    align: 'center'
                });
                columns.push({
                    title: '發(fā)布時間',
                    key: 'time',
                    width: 264,
                    align: 'center'
                });
                columns.push({
                    title: '標注',
                    key: 'time',
                    width: 64,
                    align: 'center'
                });
                columns.push({
                    title: '操作',
                    key: 'time',
                    width: 146,
                    align: 'center',
                    render (row, column, index) {
                            return '<Button  type="primary" size="small" @click="show(${index})">查看</> <Button  type="error" size="small" @click="remove(${index})">刪除</>';
                        }
                });
                return columns;
            }
        },
        methods: {
            show (index) {
                this.$Modal.info({
                    title: '用戶信息',
                    content: `姓名：${this.data6[index].name}<br>年齡：${this.data6[index].age}<br>地址：${this.data6[index].address}`
                })
            },
            remove (index) {
                this.data6.splice(index, 1);
            }
        }
    }
</script>
 

期待結果：