Использование v-модели для отображения mutli - выберите значения - PullRequest
Новая
       14

Использование v-модели для отображения mutli - выберите значения

0 голосов
/ 08 сентября 2018

Я выбираю данные из базы данных, чтобы заполнить опции в select, и мне нужна v-модель для отображения выпадающих значений mutli-select, которые я сейчас не могу заставить работать. Мне нужно, чтобы выбранное значение отображалось в пределах {{country}}. Ниже мой код. Что я делаю не так ??? 

<code> <?php require '../db.php';  
function showMultiSelect($id) 
    { 
        $sql = "SELECT DISTINCT $id FROM courses"; 
        $result = mysql_query ($sql ); 
                echo "<label>".ucfirst($id)."</label>"; 
                echo "<select class=\"select2-multiple\" name=\"".$id."[]\" id=\"".$id."\" multiple=\"multiple\"  v-model=\"".$id."\" >";                       
                    echo "<option value=''>Select</option>"; 
                while ($row = mysql_fetch_array($result)) { 
                    echo "<option value='" . $row[$id] ."'>" . $row[$id] ."   </option>"; 
                    } 
                echo "</select>"; 
                } 
    ?> 


 <div id="app"> 
                <pre>{{country}}
Параметры фильтра (Все поля фильтра являются необязательными)
<? php echo showMultiSelect ('country'); ?>

$ (документ) .ready (function () { $ ( 'Выбор2-кратное'). Выбор2 ({ заполнитель: «Выберите опцию (и)» }); }); var app = new Vue ({ el: '#app', данные: { курсы: "", страна: [] }, методы: { allRecords: function () { axios.get ( 'getJSON.php') .then (функция (результат) { app.courses = result.data; }) .catch (функция (ошибка) { console.log (ошибка); }); }, applyFilters: function () { var self = this; if (this.country! = null) { axios.post ('getJSON.php', { params: { страна: собственная страна } }) .then (функция (результат) { app.courses = result.data; }) .catch (функция (ошибка) { console.log (ошибка); }); } }, resetFilters: function () { $ ( "# Выберите страну") Вэл ([]) триггер ( 'изменить')..; this.allRecords (); } }, созданный: функция () { this.allRecords (); } })
...