首页 > 解决方案 > 在 vue 中设置输入的默认数据

问题描述

我想用vue为数据选择器的输入设置一个默认值,但是数据没有显示!在检查元素中显示此代码:

在此处输入图像描述

脚本:

   new Vue({
   el:'#app2',
    data: {
         datePicker: '2021/01/05'
    },
    components:{
          datePicker
    }

           

html:

 <div id="app2">
     <date-picker :column="1" v-model="date" mode="single" />
 </div>

标签: javascripthtmlvue.js

解决方案


添加value-type它将设置绑定值的格式,并format有助于分配显示格式。

<date-picker :column="1" v-model="datePicker" value-type="YYYY/MM/DD"
    format="YYYY/MM/DD" mode="single" />   

new Vue({
            el:'#app2',
            data(){
                return {
                 datePicker: '2021/01/05'
               }
             },
            components:{
                datePicker
            }

推荐阅读