Vee-validate: Vee-validate with vue wrapper component select2 (3rd party jquery plugin) not working

Created on 22 Jun 2017 · 6Comments · Source: logaretm/vee-validate

Versions:

VueJs: 2.1.10
Vee-Validate: 2.0.0-rc.5

Description:

Hi, I'm having some trouble with vee-validate.. with select2 plugin from wrapper component..
no error were found in console, but the validation is not working.

Link source from : https://vuejs.org/v2/examples/select2.html
Any help would be much appreciated.. Thanks.

note: I've tried vue-select by sagalbot before and it's working greatly with vee-validate, but it's not really flexible as i thought, so i changed it back to select2 jquery..

Steps To Reproduce:

This code is not working : (using select2)

<select2 name="user" data-vv-name="user" v-validate="'required'" :options="options" v-model="selected">
 </select2>
<span v-show="errors.has('user')" class="help is-danger">{{ errors.first('user') }}</span>

This code is working : (using vue-select)

<v-select name="user" data-vv-name="user" v-validate="'required'"  v-model="selected" :options="options"></v-select>
<span v-show="errors.has('user')" class="help is-danger">{{ errors.first('user') }}</span>

❔ question

Source

PrtsJonathan

Most helpful comment

Here you go, sorry it took some time:

I used the official select2 example and extended upon it:
https://jsfiddle.net/logaretm/fruqrvdL/831/

Note that I applied a data-vv-name attribute and the directive v-validate on the component in the demo template and not the component template.

logaretm on 6 Jul 2017

👍3

All 6 comments

I guess it has to do with emitted events, I will take a look when I can.

logaretm on 24 Jun 2017

Here you go, sorry it took some time:

I used the official select2 example and extended upon it:
https://jsfiddle.net/logaretm/fruqrvdL/831/

Note that I applied a data-vv-name attribute and the directive v-validate on the component in the demo template and not the component template.

logaretm on 6 Jul 2017

👍3

Hi, thanks for the effort. I've solved mine also by yesterday, and came up with the same solution as yours, it's working great. Have a good day Sir. 👍

PrtsJonathan on 7 Jul 2017

hello how to solved. pls share.