Javascript Vue.js+;PHP选择输入在提交时不持久
我的“问题”其实是无知。我有一个HTML表单,我使用Vue.js用PHP数据填充Javascript Vue.js+;PHP选择输入在提交时不持久,javascript,php,html,laravel,vue.js,Javascript,Php,Html,Laravel,Vue.js,我的“问题”其实是无知。我有一个HTML表单,我使用Vue.js用PHP数据填充v-select输入: <div id="app"> <form> <v-select name="user2_id" placeholder="Seleccionar Usuario" :options="[{!! $users !!}]" class="select"></v-select> <select name="
v-select
输入:
<div id="app">
<form>
<v-select name="user2_id" placeholder="Seleccionar Usuario" :options="[{!! $users !!}]" class="select"></v-select>
<select name="user2_type" id="user2_type" class="form-control required">
...
</select>
</form>
</div>
vue select不会创建实际的
字段,因为在vue组件中,任何表单提交通常通过AJAX处理,而不是标准的
POST
您需要从
中获取值-有几种方法
- 使用
回调(请参阅)手动更新字段onChange
- 使用v-model与值同时更新隐藏字段。
生成的代码。它是否包含带有名称参数的
?我在@ceejayoz的文档中没有看到名称
参数,谢谢回复。我在web inspector中添加了生成的HTML。它也不包含select或名称。这是您的答案。通常,Vue组件会通过AJAX请求提交其数据,而不是标准表单提交,这可能就是Vue select没有真正为您的用例设置的原因。您可能需要使用vue-select的值填充一个隐藏字段。好的,然后将其作为答案答复,我会将其标记为正确。谢谢你。他问了同样的问题:
<script src="https://unpkg.com/vue@2.1.10"></script>
<script src="https://unpkg.com/vue-select@2.0.0"></script>
<script>
Vue.component('v-select', VueSelect.VueSelect);
new Vue({
el: '#app'
});
</script>
<div class="dropdown v-select select searchable" name="user2_id">
<div type="button" class="dropdown-toggle clearfix">
<input debounce="0" placeholder="Seleccionar Usuario" class="form-control" style="width: 100%;" type="search">
<i role="presentation" class="open-indicator"></i>
<div class="spinner" style="display: none;">
Loading...
</div>
</div><!---->
</div>
<v-select v-model="user2_id"></v-select>
<input type="hidden" v-model="user2_id">