共计 646 个字符,预计需要花费 2 分钟才能阅读完成。
用原生 vnode
的数据格式应用自定义指令:
留神属性名肯定是directives
!!!不能改!
// 格局
const directives = [{ name: 'permission', value: ['hangup'], modifiers: {}}
]
return <div ...{{ directives}}></div>
// 实例
render: (h: any, scope: any) => {let directives, comp = ''if(scope.row.payment_status ===' 付款胜利 ') {if(scope.row.is_hang === 1) {
directives = [{ name: 'permission', value: ['hangup'], modifiers: {}}
]
comp = <el-button type="text" on-click={() => this.handleEvent('hangup', scope.row)} {...{ directives}}> 挂起 </el-button>
} else {
directives = [{ name: 'permission', value: ['cancelHangup'], modifiers: {}}
]
comp = <el-button type="text" on-click={() => this.handleEvent('cancelHangup', scope.row)} {...{ directives}}> 勾销挂起 </el-button>
}
}
return ({comp}
)
}
正文完