Php vue js中下拉框中未获取的值
我从数据库中获取值,并将其发送到下拉框所在的页面,但下拉框不返回值。代码如下所示 剧本 VuePhp vue js中下拉框中未获取的值,php,laravel,vue.js,Php,Laravel,Vue.js,我从数据库中获取值,并将其发送到下拉框所在的页面,但下拉框不返回值。代码如下所示 剧本 Vue 我看到两件事是错的 国家/地区位于表单对象内,但您不在此指定或读取它。把它移到顶层 您正在将v型模型绑定到form.country_id,但它最初并不存在。将其添加到表单对象 总而言之 资料{ 返回{ isStateEditVisible:错误, 表格:{ 州名称:, isStateEnabled:对, ISO_代码:, country_id:,//请您进一步解释下拉框不返回值意味着什么?您希望看到
我看到两件事是错的 国家/地区位于表单对象内,但您不在此指定或读取它。把它移到顶层 您正在将v型模型绑定到form.country_id,但它最初并不存在。将其添加到表单对象 总而言之 资料{ 返回{ isStateEditVisible:错误, 表格:{ 州名称:, isStateEnabled:对, ISO_代码:,
country_id:,//请您进一步解释下拉框不返回值意味着什么?您希望看到的与您实际看到的相比是什么?我在下拉框中看不到任何内容。但是警报中显示的正确值,但在下拉框中不显示。我需要在框中显示国家名称和地区名称。这是p很可能取决于表单的初始数据。请表明我没有得到您想要的?
methods: {
editState(id){
axios.defaults.headers.common['Authorization'] = "Bearer "+localStorage.getItem('token');
axios.get(baseUrl+'/state/edit/'+id)
.then((response) => {
alert(response.data[0].form.country_name);
this.form = response.data[0].form;
setTimeout(() => {
this.subComponentLoading = true;
}, 500);
})
.catch(function (error) {
console.log(error);
});
}
}
<d-field-group class="field-group field-row" label-for = "country_name" label="Country Name" label-class="col-4">
<d-select :options="Countries" v-model="form.country_id" id="country_id" name = "country_name" wrapper-class="col-7">
</d-select>
</d-field-group>