关于vue.js:vuejsx里自定义指令的写法

37次阅读

共计 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}
    )
}

正文完
 0