我是Vue的新手。我想创建一个简单的按钮点击回调，回调方法会显示按钮的名称。回调工作，但按钮名称仍然是“undefined”。
HTML代码：

<button class="w-32" attr-type="submit" @click="sendClick">btnName</button>

TS代码：

sendClick(event:  React.MouseEvent<HTMLButtonElement>) {     
    if (event) {
        const { target } = event
        if (target){ 
            console.log( ((target as HTMLButtonElement).value));
        }
    } 
}

你能告诉我我哪里做错了吗？
来源：https://vuejs.org/guide/essentials/event-handling.html#inline-handlers
https://microsoft.github.io/PowerBI-JavaScript/interfaces/node_modules_typedoc_node_modules_typescript_lib_lib_dom_d.htmlbuttonelement.html#name
https://freshman.tech/snippets/typescript/fix-value-not-exist-eventtarget/