Vue.js Vuejs Bulma日期选择器获取值
我正在使用bulma vuejs datepicker,但不知怎么的,我无法获得值。它不断返回Vue.js Vuejs Bulma日期选择器获取值,vue.js,datepicker,vuejs2,Vue.js,Datepicker,Vuejs2,我正在使用bulma vuejs datepicker,但不知怎么的,我无法获得值。它不断返回null。我用 我的组件: 从“vue bulma日期选择器”导入日期选择器 导出默认值{ 组成部分:{ 日期选择器 } } 这是我使用axios调用的vue实例: Vue.component('date-picker',require('./components/Datepicker.Vue'); const app=新的Vue({ el:“#应用程序”, 数据:{ 发布日期:'', 文件:“”,
null
。我用
我的
组件:
从“vue bulma日期选择器”导入日期选择器
导出默认值{
组成部分:{
日期选择器
}
}
这是我使用axios调用的vue实例:
Vue.component('date-picker',require('./components/Datepicker.Vue');
const app=新的Vue({
el:“#应用程序”,
数据:{
发布日期:'',
文件:“”,
},
方法:{
createGame(e){
self=这个;
这是。加载=真;
const fileInput=document.querySelector(“#图像上载”);
const formData=new formData();
formData.append('image',fileInput.files[0]);
formData.append('image',this.file);
formData.append('releaseDate',this.releaseDate);
axios.post('/games',formData)
。然后((响应)=>{
console.log(response.data);
})
.catch((错误)=>{
console.log(错误);
})
},
}
});
尝试向
组件添加道具。两个步骤:
- 将
属性添加到模板中的:value=“value”@input=“$emit('input',$event)”
李> - 向JavaScript添加
道具:['value'],
- 结果如下:
从“vue bulma日期选择器”导入日期选择器 导出默认值{ 道具:['value'], 组成部分:{ 日期选择器 } }
的v-model
传递:
作为v型传递将:
- 将
的值发送到releaseDate
名为
的内部道具;及value
- 由
发出的事件
将更新@input=“$emit('input',$event)”
releaseDate
此时,在日期选择器中选择日期后,当调用父组件的
createGame()
时,this.releaseDate
将具有所选日期的值。它将始终返回null。什么?什么行?@acdcjunior服务器端如果我发布它,你的意思是formData.append('releaseDate',this.releaseDate)代码>然后呢?有道理,它是空的。我建议您在问题中添加更多相关部分的代码(例如,主模板)。@acdcjunior实际上就是这样,问题是我不知道如何以正确的方式添加日期。您是否没有导入My组件:anywhere?