forms - 如何获取 vue treeselect 值
问题描述
我在我的网站上实现了 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'];?>',
},
<?
}
?>
]
},
<?
}
?>
],
},
})
我的记录有treeselect,我可以选择它,但我不能用它来获取其他表单元素的请求。
解决方案
在你的:
<treeselect v-model="value" ... />
添加一个 name="..." 参数,如下所示:
<treeselect name="xyz" v-model="value" ... />
它将为该值创建一个隐藏的表单字段。
您可以在 props 部分下的文档中找到该属性:https ://vue-treeselect.js.org/
推荐阅读
- php - 在更新后比较新旧值
- input - 将输入选择中的数据传递到 Shiny 中的 ValueBox
- javascript - 获取 POST 响应 JavaScript front / node js back 的问题
- powershell - Get-content 不生成 Invoke-restmethod 可以处理的数组
- angular - 带有订阅的 Jasmine Angular 单元测试
- c# - 将方法包装在具有不同名称的其他方法中以使代码更具可读性 - 好还是坏?
- c# - 从 SQL 查询到对象的项目参数
- ios - 与 Swift 交互的 ASP.net Web API
- c# - 如何在 C# 中验证 JSON 对象中列表的条件
- drools - 从 KieBase 和 KieContainer 创建 KieSession 有什么区别?