vue的渲染函数里怎样使用vue-i18n?

Question

需求描述：
在项目中使用了element-ui的树组件，需要自定义每个节点的内容，用到了渲染函数：

renderContent(h, { node, data, store }) {
    if(node.data.templateItem){
        return (
            <span class="custom-tree-node">
                <span class="custom-icon icon-file"></span>
                <span>{node.data.name}</span>
            </span>
        )
    }else{
        if(node.data.mode==='CYCLE'){
            return (
                <span class="custom-tree-node">
                    <span class="custom-icon icon-clock"></span>
                    <span>{node.data.name}</span>
                </span>
            )
        }else if(node.data.mode==='ONCE'){
            return (
                <span class="custom-tree-node">
                <span class="custom-icon icon-bookmark"></span>
                <span>{node.data.name}</span>
            </span>
        )
        }
    };
}

而实际上，node.data.name是前端i18n.js里的一个Key值，需要用 $t 转换成对应的中英文内容
但我不知道该怎么在渲染函数里使用$t,请各位不吝赐教，谢谢

Answer 1

指令
用指令试试，代码如下：

<span v-t="node.data.name">{node.data.name}</span>

Answer 2

 <span>{this.$t(node.data.name)}</span>