_this3.$refs.match is undefined

[villybob]

Hi,
All works fine, but i have this kind of error at console(_this3.$refs.match is undefined). Do you know why?
Thanks

[robrogers3]

That’s not good. what happens when you console.log(this.$refs)? Can you share your calling code? ---------------------------------- Rob Rogers 415.615.2859 robrogers@me.com ----------------------------------

…

On Dec 10, 2018, at 11:41 PM, villybob ***@***.***> wrote: Hi, All works fine, but i have this kind of error at console(_this3.$refs.match is undefined). Do you know why? Thanks — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#10>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACpX2j6u3klUe_rfnqvXSIDY-T0G4FUoks5u32GjgaJpZM4ZM1Dp>.

[villybob]

I just know that error is only when I use "watch" for hidden the select. If I delete watch I don't have error.
This is the code: <div v-if="dropdown"> <vue-single-select option-label="name" :options="api" v-model="coinSelected"> <template slot="option" slot-scope="{option}"> <div class="select_coin_wrap"> <div class="coin_logo"> <img class="select_logo" :src="option.icon"> </div> <div class="coin_symbol"> <span class="select_symbol">{{ option.symbol }}</span> </div> <div class="coin_separator"> <span class="separator">-</span> </div> <div class="coin_name"> <span class="name">{{ option.name }}</span> </div> </div> </template> </vue-single-select> </div>
And JS watch: watch: { coinSelected(){ if(this.coinSelected.hasOwnProperty('name')){ this.dropdown=!this.dropdown; this.logo=this.coinSelected.icon; this.symbol1=this.coinSelected.symbol; this.name1=this.coinSelected.name; this.coin=this.coinSelected.buy; } } },

[robrogers3]

ok. makes sense. so $refs.match doesn’t always exist. you can check it via typeof this.$refs.match !== ‘undefined’ before you try to reference it. ---------------------------------- Rob Rogers 415.615.2859 robrogers@me.com ----------------------------------

…

On Dec 10, 2018, at 11:51 PM, villybob ***@***.***> wrote: I just know that error is only when I use "watch" for hidden the select. If I delete watch I don't have error. This is the code: <div v-if="dropdown"> <vue-single-select option-label="name" :options="api" v-model="coinSelected"> <template slot="option" slot-scope="{option}"> <div class="select_coin_wrap"> <div class="coin_logo"> <img class="select_logo" :src="option.icon"> </div> <div class="coin_symbol"> <span class="select_symbol">{{ option.symbol }}</span> </div> <div class="coin_separator"> <span class="separator">-</span> </div> <div class="coin_name"> <span class="name">{{ option.name }}</span> </div> </div> </template> </vue-single-select> </div> And JS watch: watch: { coinSelected(){ if(this.coinSelected.hasOwnProperty('name')){ this.dropdown=!this.dropdown; this.logo=this.coinSelected.icon; this.symbol1=this.coinSelected.symbol; this.name1=this.coinSelected.name; this.coin=this.coinSelected.buy; } } }, — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#10 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACpX2iEggm03bLpmJwX0EiPUv_9XOwYZks5u32QCgaJpZM4ZM1Dp>.