sur-le changement ne fonctionne pas sur v-sélectionnez

J'ai essayé d'utiliser un v-sélectionnez l'affichage de tous les pays. j'ai donc fait :

<v-select on-change="updateCountryId" label="country_name" :options="countries" ></v-select>

il fonctionne très bien et l'affichage de mon pays, mais la fonction updateCountryId ne semble pas fonctionner

methods: {
    updateCountryId: function() {
        alert('ok');
    }
}

mais je ne vois jamais ok

à l'importation vue-sélectionnez j'ai fait :

<script src="/js/vue-select/vue-select.js"> </script>

- je l'utiliser dans un fichier twig donc, dans mon vue-select.js je réécris ce que j'ai trouvé sur https://unpkg.com/[email protected] mais de remplacer le {{ }} par <% %>

ps : j'ai déjà essayé v sur:le changement, @le changement et onChange

et mon code ressemble à ça (j'ai sauter chose que je juge inutile)

<div id="General">
<div class="form-group">
  <label>Pays :</label>
    <v-select  onChange="updateCountryId" label="country_name" :options="countries" ></v-select>
</div>
.
.
.
<script src="/js/vue-select/vue-select.js"> </script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.13/vue.min.js"></script>
<script>
  Vue.config.delimiters = ['<%', '%>'];
  Vue.component('v-select', VueSelect.VueSelect);
  var vm = new Vue({
    el: "#General",
    data: {
        countries: [],
    }, 
    filters: {
    },
    methods: {
        updateCountryId: function () {
            console.log('ok');
            alert('ok');
         },`

Êtes-vous à l'aide de Vue 1x? Pour Vue 2x vous devez utiliser 2x version de la vue-sélectionnez
je trie pour remplacer ce que j'ai dans vue-select.js avec ce que j'ai trouvé sur unpkg.com/[email protected] Mais je ne pouvais même pas trouver les {{ }} si je laisse comme ça, mais mon sélectionnez ne fonctionne pas du tout avec elle
vue-sélectionnez accepte un rappel comme une onChange prop
essayé aussi...

InformationsquelleAutor Sylvain Attoumani | 2017-04-20

vue.js

7

Il vous manque le côlon :

JS:
```
Vue.component('v-select', VueSelect.VueSelect);
new Vue({
el: '#app',

data: {
  options: ['one', 'two', 'three'],
  selected: ''
},

methods: {
    updateCountryId: function() {
        alert('ok');
    }
}
});
```
HTML:
```
<script src="https://unpkg.com/vue@latest"></script>

<script src="https://unpkg.com/vue-select@latest"></script>

<div id="app"> 
<v-select :on-change="updateCountryId" label="country_name" :options="options" :searchable="false" ></v-select>
</div>
```
Mise à jour

vous devez utiliser unpkg.com/[email protected] parce que la version 1 n'est pas compatible avec la version actuelle de Vuejs
- j'ai tout cela. Sauf pour le <script src="unpkg.com/vue-select@latest"></script> parce que, comme je l'ai dit, je suis dans une .brindille de fichier et non pas un .vue donc j'ai écrit ce que j'ai trouvé sur unpkg.com/[email protected] sur un fichier nommé vue-select.js et d'ajouter <script src="/js/vue-select/vue-select.js"> </script> si j'écris ce qui est un @plus tard mon v-select ne fonctionne pas du tout
- ainsi, lorsque vous changez de sélectionner quelle erreur obtenez-vous dans la console?
- avec le @plus tard ?
- unpkg.com/[email protected]
- Vous devez instsll version 2, car v 1 n'est pas compatible avec la version actuelle de vuejs
- Pas d'erreur dans la console. L'sélectionnez ne pas afficher
- j'ai donc essayé de remplacer les <script type="text/javascript" src="cdnjs.cloudflare.com/ajax/libs/vue/1.0.13/...> par <script type="text/javascript" src="cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/...> mais ma page ne charge pas du tout. Ce qu'il a fait avant
- Je parle de la vue-sélectionnez pas vuejs
- J'ai essayé les deux. Lorsque j'utilise 2 pour v-sélectionnez mon sélectionnez ne pas afficher du tout et aucune erreur dans la console. Pour la 1 j'ai dû remplacer les {{ }} par <% %> bc je suis sur twig mais pour les 2, pas de risque de survenue de {{ était sur le fichier
- voulez-vous s'il vous plaît ajouter votre template twig à votre question
- c'est fait. Est-ce ce que vous vouliez ?
- Vous n'avez pas appliqué ce que j'ai suggéré à tous pourquoi vous utilisez onChnage s'il vous plaît essayez d'utiliser :on-change et j'ai besoin de savoir quelle version utilisez-vous pour à la fois vue et vue-sélectionnez
- ok j'ai déjà essayé de le changer, onChange, :onChange et v sur:le changement. Mais vous aviez raison, je missread ce que vous avez écrit et de la pensée que vous avez écrit on-change j'ai essayé avec le :on-change et il semble que ça fonctionne. Merci beaucoup pour votre temps
- ouais j'ai relu ce que tu écrit et c'est de ma faute. Désolé de ne pas payer plus d'attention.
- Ne soyez pas désolé, vous faites très bien.
InformationsquelleAutor Amr Aly
1

vous pouvez le faire
```
  <v-select :options="etat_nip" v-model="etat_nip_selected"></v-select>
```
et ajouter le v-modèle "etat_nip_selected" dans la montre comme ce
```
watch:{
      'etat_nip_selected'  : function (val, oldval) {
          console.log(val);
      }
    },
```
pour plus d'informations https://vuejs.org/v2/guide/computed.html#Watchers

InformationsquelleAutor Mourad MAMASSI

JS:

Vue.component('v-select', VueSelect.VueSelect);
new Vue({
el: '#app',

data: {
  options: ['one', 'two', 'three'],
  selected: ''
},

methods: {
    updateCountryId: function() {
        alert('ok');
    }
}
});

HTML:

<script src="https://unpkg.com/vue@latest"></script>
<!-- use the latest release -->
<script src="https://unpkg.com/vue-select@latest"></script>

<div id="app"> 
<v-select :on-change="updateCountryId" label="country_name" :options="options" :searchable="false" ></v-select>
</div>

quelques explications ne ferait pas de mal.

InformationsquelleAutor ÜÖH

Vous devez vous connecter pour publier un commentaire.

Mise à jour