Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Vuejs Bulma日期选择器获取值_Vue.js_Datepicker_Vuejs2 - Fatal编程技术网

Vue.js Vuejs Bulma日期选择器获取值

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:“#应用程序”, 数据:{ 发布日期:'', 文件:“”,

我正在使用bulma vuejs datepicker,但不知怎么的,我无法获得值。它不断返回
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?