Typescript vuetify@click:append-donds'；我不能在tsx工作

我试图用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>
        );
    }

protectedrender（）{
返回(

{this.editingId==this.index？
(
{/*tslint:禁用下一行：最大行长度*/}
{/*mdi关闭*/}
)
: (
{this.item.text}
mdi铅笔
)
}

);
}

---

@单击：append=>on-click:append={this.save}，不工作并显示错误。如何修复它？

on-click:append=>{…{on:{'click:append'：handler}}。 像这样：

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

感谢vuetify discord社区