困っていること
async-with-custom-template(buefy)のts実装を試みてますが、
コールバック関数内のthis
をVueComponentと明示できず、以下のエラーが消せません
// TS2683: 'this' implicitly has type 'any' because it does not have a type annotation.
不定なthisをはっきりさせるなどを参考にしたものの、
明示的に型推論をできるようにできませんでした。
もしわかる方がいらっしゃったらご教授いただけると幸いです
コード
vue
1// https://buefy.org/documentation/autocomplete/#async-with-custom-template のサンプルを簡略化したものになります。 2<template> 3 <b-autocomplete 4 :data="data" 5 placeholder="this is placeholder" 6 :loading="isFetching" 7 field="title" 8 @typing="getAsyncData" 9 @select="option => selected = option" 10 ></b-autocomplete> 11</template> 12 13<script lang="ts"> 14import Vue from 'vue'; 15import debounce from 'lodash/debounce'; 16 17export default Vue.extend({ 18 data() { 19 return { 20 data: [], 21 selected: null, 22 isFetching: false 23 }; 24 }, 25 methods: { 26 getAsyncData: debounce(function(name) { 27 //-----// 28 console.log(this); // VueComponent{...} であることを確認 29 this.isFetching; // TS2683: 'this' implicitly has type 'any' because it does not have a type annotation. 30 //-----// 31 }, 500) 32 } 33}); 34 35</script> 36 37
バージョン
- vue 2.6.12
- nuxt 2.14.5
よろしくお願いします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。