iview Date-picker 點擊報“$attrs is readonly”錯誤

我在用iview寫日期選擇器的時候，發(fā)現(xiàn)只要我點擊Date-picker，控制臺就會報$attrs is readonly的警告，雖然也可以使用，但如果點的過于頻繁或是每次點擊都要與后臺進(jìn)行交互的時候還是會影響。
報錯截圖如下：

代碼如下：

<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="結(jié)束日期"
                    :options="formatDatePicker"
                    style="width: 200px;
                    display: inline-block;"
                    v-model="checkSearchForm.createTimeEnd">
            </Date-picker>
        </Form-item>
    </i-col>
</Row>

":options"的代碼如下：

    formatDatePicker : {
        disabledDate (date) {
            //禁止可選日期大于當(dāng)前日期
            return date && date.valueOf() > Date.now();
        }
    }

回答

編輯回答

胭脂淚

iview實際使用的vue版本和你項目實際的vue版本不同造成的問題, 解決辦法是安裝相同版本的vue. 另外: vue-template-compiler 這個插件也安裝和vue相同版本的.

2018年2月4日 20:51

編輯回答

神曲

親解決了嗎？我也遇到相同的問題了

2017年6月11日 18:52

編輯回答

你好胸

你傳入的options是什么值？其他的值我沒發(fā)現(xiàn)有什么問題，應(yīng)該是這個options這個值的問題。

2018年9月3日 06:36

編輯回答

有你在

我用element是也出現(xiàn)過類似問題，原因是我用了webpack Dllplugin, 當(dāng)我不使用這個插件做優(yōu)化時，這個問題就沒有了。所以我覺得可能是一些打包程序出了問題，而不是vue的版本。

2017年7月22日 18:13

編輯回答

過客

// $attrs & $listeners are exposed for easier HOC creation.
  // they need to be reactive so that HOCs using them are always updated
  const parentData = parentVnode && parentVnode.data
  /* istanbul ignore else */
  if (process.env.NODE_ENV !== 'production') {
    defineReactive(vm, '$attrs', parentData && parentData.attrs, () => {
      !isUpdatingChildComponent && warn(`$attrs is readonly.`, vm)
    }, true)
    defineReactive(vm, '$listeners', vm.$options._parentListeners, () => {
      !isUpdatingChildComponent && warn(`$listeners is readonly.`, vm)
    }, true)
  } else {
    defineReactive(vm, '$attrs', parentData && parentData.attrs, null, true)
    defineReactive(vm, '$listeners', vm.$options._parentListeners, null, true)
  }

源代碼里面對這個warn到是做了解釋，在非生產(chǎn)環(huán)境下才有這個警報,應(yīng)該是可以假裝看不見的 :)

2017年6月30日 05:47