如何获取vue树选择值

Question

我在我的网站上实现了Vue-Treeselect，一切都好，一个有我记录的treeselect。问题是-如何获取所选项目的值？

我的实现：

标题：

    <!-- include Vue 2.x -->
    <script src="https://cdn.jsdelivr.net/npm/vue@^2"></script>
    <!-- include vue-treeselect & its styles. you can change the version tag to better suit your need. -->
    <script src="https://cdn.jsdelivr.net/npm/@riophae/vue-treeselect@0.0.29/dist/vue-treeselect.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@riophae/vue-treeselect@0.0.29/dist/vue-treeselect.min.css">

应用程序部分(内部表单)：

                                         <div id="app">
                                          <treeselect v-model="value" :multiple="true" :options="options" placeholder="Wybierz region..."/>
                                         <input type="hidden" name="location" value="{{ value }}" />

                                         <div class="result">{{ value }}</div>

                                    </div>  

JS：

  <script>
// register the component
Vue.component('treeselect', VueTreeselect.Treeselect)

new Vue({
  el: '#app',
  data: {
    // define default value
    value: [],
    // define options
    options: [ 

                                                <?
                                                    $sql = mysql_query("select * from kody group by woj");
                                                    while($data=mysql_fetch_assoc($sql)){
                                                ?>
                                                { id: '<?echo $data['woj'];?>',
                                                  label: '<?echo $data['woj'];?>',
                                                  children: [ 

                                                        <?
                                                            $sql1 = mysql_query("select * from kody where woj like '".$data['woj']."' group by powiat");
                                                            while($data1=mysql_fetch_assoc($sql1)){
                                                                ?>
                                                                {
                                                                id: '<?echo $data['woj'];?>-<? echo $data1['powiat'];?>',
                                                                label: '<? echo $data1['powiat'];?>',                                                                       
                                                                },

                                                        <?
                                                            }
                                                        ?>

                                                    ]
                                                },

                                                <?
                                                    }
                                                ?>



    ],
  },
})

​

我有树选择和我的记录，我可以选择它，但我不能使用它，f.e。包含其他表单元素的get请求。

Answer 1

在您的：

<treeselect v-model="value" ... />

添加name="...“类似这样的参数：

<treeselect name="xyz" v-model="value" ... />

它将为该值创建一个隐藏的表单域。

您可以在props部分下的文档中找到隐藏的属性：https://vue-treeselect.js.org/