Vuetify @click：Append 在 TSX 中不起作用

Question

我试图用vue+vuetify+typescript(tsx(构建一个项目，但@click:append在tsx中不起作用。

vuetify代码：

<v-text-field
v-model="message"
:append-icon="marker ? 'mdi-map-marker' : 'mdi-map-marker-off'"
:append-outer-icon="message ? 'mdi-send' : 'mdi-microphone'"
:prepend-icon="icon"
@click:append="toggleMarker"
@click:append-outer="sendMessage"
@click:prepend="changeIcon"
@click:clear="clearMessage"
></v-text-field>

tsx代码：

protected render() {
return (
<li>
{this.editingId === this.index ?
(<div>
{/* tslint:disable-next-line:max-line-length */}
<v-text-field v-model={this.editingContent} append-icon={'mdi-close'} placeholder={this.item.text} on-click:append={this.save}/>
{/*<v-text-field><v-icon color={'red'} slot={'append'}>mdi-close</v-icon></v-text-field>*/}
</div>)
: (<div>
<span>{this.item.text}</span>
<v-icon x-small={true} nativeOn-click={this.edit}>mdi-pencil</v-icon>
</div>)
}
</li>
);
}

@点击：append=>点击：append＝｛this.save｝，不起作用并显示错误。我该怎么修？

Answer 1

点击：追加=>｛…｛on：｛'click:append'：处理程序｝｝。像这样：

<v-text-field v-model={this.editingContent} append-icon={'mdi-close'} placeholder={this.item.text}  {...{on: {'click:append': this.save}}}/>

感谢vuetify discord社区。