Vuetify.js에서 추가 아이콘을 클릭하여 함수를 호출하는 방법

Vuetify.js에서 추가 아이콘을 클릭하여 함수를 호출하는 방법

는 ★★★★★가 필요하다.append-icon="close"@click="clearSearch()"

현재는 전용 버튼을 사용하여 구현하고 있습니다.

 <v-text-field 
       v-model="search" 
       class="search" 
       label="search" 
       prepend-icon="search" 
       append-icon="close">
 </v-text-field>    

 <v-btn @click="clearSearch()"></v-btn>

---

• 추가하려고 했습니다.append-icon-cb="clearSearch()" 왜
• ,, 단, 간, 간, 간, 간, 습, 습, 습, 습, 습, i, i, i, i, i, i, i, i,clearable입력은 클리어되지만 모든 요소는 "유효" 상태로 유지됩니다. 된 일인지 clearable 내 일은 잘 된다.clearSearch():clearSearch() {this.search = ""}동작하기 때문에 커스텀 클리어 입력 방식을 사용하고 있습니다.

@click:append="clearSearch",:append-icon-cb는 권장되지 않습니다.(출처)

해결했습니다. 해결 방법은 다음과 같습니다.

하려면 , 를 「Attribute」, 「Attribute」, 「Attribute」, 「Attribute」로 할 .:★★★★

:append-icon-cb="clearSearch"

리리지넣넣 and and and and and and 는 넣지 마세요()그렇지 않으면 동작하지 않습니다(@Tracho에서 언급한 바와 같이).

내 생각엔 네가 이걸 없애면 효과가 있을 것 같아()가 붙어 있기 입니다.()포함하면 즉시 기능을 호출할 수 있습니다.

콜론을 :

그래서:

:append-icon-cb="clearSearch"

Just Change (Just Change) ( Change (Just Change):append-icon-cb="() => (e1 = !e1)"로로 합니다.@click:append="() => (e1 = !e1)"그러면 완벽하게 작동해서 경고도 없앨 수 있을 거야

언급URL : https://stackoverflow.com/questions/48015419/how-to-call-a-function-on-append-icon-click-in-vuetify-js