vuetify @click: приложение не работает в TSX - PullRequest
Новая
       30

vuetify @click: приложение не работает в TSX

0 голосов
/ 29 апреля 2020

Я пытался создать проект с помощью vue + vuetify + typcript (tsx), но @click: append не работал в tsx.

vuetify code: 

<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>
        );
    }

@ click: append => on-click: append = {this.save}, не работает и выдает ошибку. как я могу это исправить?

1 Ответ

0 голосов
/ 29 апреля 2020

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 disord community.

...