typescriptはvueの$refsを認識できません
2857 ワード
例:vue-fullscreen
class="Test">
ref="fullscreen" @change="fullscreenChange" >
something
"</span><span style="color: #800000;">ts</span><span style="color: #800000;">"</span>><span style="color: #000000;">
import { Vue, Component, Prop, Watch } </span><span style="color: #0000ff;">from</span> <span style="color: #800000;">'</span><span style="color: #800000;">vue-property-decorator</span><span style="color: #800000;">'</span><span style="color: #000000;">;</span><span style="color: #008000;">//</span><span style="color: #008000;"> @ts-ignore</span>
import fullscreen <span style="color: #0000ff;">from</span> <span style="color: #800000;">'</span><span style="color: #800000;">vue-fullscreen</span><span style="color: #800000;">'</span><span style="color: #000000;">;
Vue.use(fullscreen);
@Component({})
export </span><span style="color: #0000ff;">default</span> <span style="color: #0000ff;">class</span><span style="color: #000000;"> Test extends Vue {</span><span style="color: #000000;">
toggle() {
(</span><span style="color: #0000ff;">this</span>.$refs.fullscreen <span style="color: #0000ff;">as</span><span style="color: #000000;"> fullscreen).toggle();//!!!! Asの ろのfullscreenは のコンポーネントの
}
fullscreenChange(status: boolean) {
</span><span style="color: #0000ff;">this</span>.fullscreen =<span style="color: #000000;"> status;
}
}
</span>
"</span><span style="color: #800000;">less</span><span style="color: #800000;">"</span> scoped><span style="color: #000000;">
.Test</span><span style="color: #000000;">{</span><span style="color: #000000;">}
</span>