<div class="computer-btns">
<!--todo: 虽然设置了trigger为hover,但是仍然只在按钮被点击时才触发-->
<a-tooltip
placement="top"
:mouse-leave-delay="0.2"
v-for="item in computerBtns">
<template #title>
<span>prompt text</span>
</template>
<div
class="computer-btn"
@click="handleClick(item.type,item.value)">
{{ item.name }}
</div>
</a-tooltip>
</div>
通过模板字符串动态绑定,eval函数是关键
//done
/**
* 根据字符串的类型动态设置不同按钮的点击事件
* @param type
*/
const handleClick = (type, value) => {
let fn = `handle${type}('${value}')`
eval(fn)
}
//handleExchange是其中一个方法,当handleClick执行时,就会根据type和value进行动态执行
const handleExchange = () => {
console.log('exchange')
}