解决 iview Date-picker 点击报“$attrs is readonly”错误

2019独角兽企业重金招聘Python工程师标准>>>

用iview写日期选择器的时候，发现只要我点击Date-picker，控制台就会报$attrs is readonly的警告，虽然也可以使用，但如果点的过于频繁或是每次点击都要与后台进行交互的时候还是会影响。
报错截图如下：

代码如下：

<Row>
    <i-col :span="12">
        <Form-item prop="createTimeBegin" class="form-item-style" label="下单时间：">
            <Date-picker
                    type="date"
                    placeholder="开始日期"
                    :options="formatDatePicker"
                    style="width: 200px;
                        display: inline-block;"
                    v-model="checkSearchForm.createTimeBegin">
            </Date-picker>
        </Form-item>
    </i-col>
    <i-col :span="11">
        <Form-item prop="createTimeEnd" class="form-item-style">
            <Date-picker
                    type="date"
                    placeholder="结束日期"
                    :options="formatDatePicker"
                    style="width: 200px;
                    display: inline-block;"
                    v-model="checkSearchForm.createTimeEnd">
            </Date-picker>
        </Form-item>
    </i-col>
</Row>

":options"的代码如下：

    formatDatePicker : {
        disabledDate (date) {
            //禁止可选日期大于当前日期
            return date && date.valueOf() > Date.now();
        }
    }

 

 

解决方式:

iview实际使用的vue版本和你项目实际的vue版本不同造成的问题, 解决办法是安装相同版本的vue. 同时: vue-template-compiler 这个插件也安装和vue相同版本的.

转载于:https://my.oschina.net/jamesview/blog/1580486