v-model 在 select2 中不起作用。我不知道该如何解决。当我删除 select2 的 class v 模型时

Question

当用户选择一些值时，我必须隐藏一些输入。我无法获取 'advertisement_type' 的值，但我必须获取此值。在这种情况下你能帮我吗？

select2 和 jquert js 后来我添加了 vuejs 文件。当我删除 select2 class 时，v-model 工作。

我必须使用 select2 和 vue 。

提前谢谢你。

<div class="kt-section kt-section--first">
                                <label>İlan Türü :</label>
                                <select v-model="advertisement_type" class="form-control kt-select2" id="kt_select2_2" name="advertisement_type">
                                    <optgroup label="Arsa">
                                        <option value="land">Arsa</option>
                                    </optgroup>
                                    <optgroup label="Konut">
                                        <option value="apartment">Daire</option>
                                        <option value="residence">Residence</option>
                                        <option value="detached-house">Müstakil Ev</option>
                                        <option value="villa">Villa</option>
                                        <option value="farm-house">Çiftlik Evi</option>
                                        <option value="pavilion">Köşk</option>
                                        <option value="waterside">Yalı</option>
                                        <option value="waterside-apartment">Yalı Dairesi</option>
                                        <option value="summery">Yazlık</option>
                                        <option value="prefabricated-house">Prefabrik Ev</option>
                                        <option value="cooperative">Kooperatif</option>
                                    </optgroup>
                                    <optgroup label="İş Yeri">
                                        <option value="">İş Yeri</option>
                                        <option value="akaryakit-istasyonu"> Akaryakıt İstasyonu</option>
                                        <option value="apartman-dairesi"> Apartman Dairesi</option>
                                        <option value="atolye"> Atölye</option>
                                        <option value="avm"> AVM</option>
                                        <option value="bufe"> Büfe</option>
                                        <option value="buro-ofis"> Büro &amp; Ofis</option>
                                        <option value="cafe-bar"> Cafe &amp; Bar</option>
                                        <option value="ciftlik"> Çiftlik</option>
                                        <option value="depo-antrepo"> Depo &amp; Antrepo</option>
                                        <option value="dugun-salonu"> Düğün Salonu</option>
                                        <option value="dukkan-magaza"> Dükkan &amp; Mağaza</option>
                                        <option value="enerji-santralleri"> Enerji Santralleri</option>
                                        <option value="fabrika"> Fabrika</option>
                                        <option value="garaj-park-yeri"> Garaj &amp; Park Yeri</option>
                                        <option value="imalathane"> İmalathane</option>
                                        <option value="is-hani-kati-ofisi"> İş Hanı Katı &amp; Ofisi</option>
                                        <option value="kantin"> Kantin</option>
                                        <option value="kir-kahvalti-bahcesi"> Kır &amp; Kahvaltı Bahçesi</option>
                                        <option value="kiraathane"> Kıraathane</option>
                                        <option value="komple-bina"> Komple Bina</option>
                                        <option value="maden-ocagi"> Maden Ocağı</option>
                                        <option value="otopark"> Otopark</option>
                                        <option value="pazar-yeri"> Pazar Yeri</option>
                                        <option value="plaza"> Plaza</option>
                                        <option value="plaza-kati"> Plaza Katı</option>
                                        <option value="prefabrik-yapi"> Prefabrik Yapı</option>
                                        <option value="radyo-istasyonu"> Radyo İstasyonu</option>
                                        <option value="residence-kati-ofisi"> Residence Katı &amp; Ofisi</option>
                                        <option value="restoran-lokanta"> Restoran &amp; Lokanta</option>
                                        <option value="saglik-merkezi"> Sağlık Merkezi</option>
                                        <option value="sinema-konferans-salonu"> Sinema &amp; Konferans Salonu</option>
                                        <option value="spa"> SPA</option>
                                        <option value="spor-tesisi"> Spor Tesisi</option>
                                        <option value="akaryakit-istasyonu"> Akaryakıt İstasyonu</option>
                                        <option value="apartman-dairesi"> Apartman Dairesi</option>
                                        <option value="atolye"> Atölye</option>
                                        <option value="avm"> AVM</option>
                                        <option value="bufe"> Büfe</option>
                                        <option value="buro-ofis"> Büro &amp; Ofis</option>
                                        <option value="cafe-bar"> Cafe &amp; Bar</option>
                                        <option value="ciftlik"> Çiftlik</option>
                                        <option value="depo-antrepo"> Depo &amp; Antrepo</option>
                                        <option value="dugun-salonu"> Düğün Salonu</option>
                                        <option value="dukkan-magaza"> Dükkan &amp; Mağaza</option>
                                        <option value="enerji-santralleri"> Enerji Santralleri</option>
                                        <option value="fabrika"> Fabrika</option>
                                        <option value="garaj-park-yeri"> Garaj &amp; Park Yeri</option>
                                        <option value="imalathane"> İmalathane</option>
                                        <option value="is-hani-kati-ofisi"> İş Hanı Katı &amp; Ofisi</option>
                                        <option value="kantin"> Kantin</option>
                                        <option value="kir-kahvalti-bahcesi"> Kır &amp; Kahvaltı Bahçesi</option>
                                        <option value="kiraathane"> Kıraathane</option>
                                        <option value="komple-bina"> Komple Bina</option>
                                    </optgroup>
                                </select>
                            </div>

Answer 1

select2 是一个 jquery 组件。如果您想在 vue.js 上使用 select2，您可以使用 vue-select2（请参阅 https://vue-select.org/guide/values.html#getting-and-setting).

Answer 2

你仍然可以使用jQuery select2，但是要获取你需要使用v-bind:name的值，然后在提交时，你可以在Vue方法中获取值并且将其存储在 data()

<select
                                            v-bind:name="value"
                                            id="value"
                                            class="form-control"
                                        >

data() {
     return {
        value: ''
     }
}

this.value = $('#value').val();

v-model 在 select2 中不起作用。我不知道该如何解决。当我删除 select2 的 class v 模型时

v-model doesn't work in the select2 . I didin't know how i can solve. when i remove select2's class v-model works

vue.js

jquery-select2

conflict

v-model