使用iview Form 的resetFields()在f12下報(bào)錯(cuò)

vue+typescript的項(xiàng)目
<Form-item label="會(huì)員：" prop="username">

            <Row>
                <Col>
                <Input v-model="formValidate.username" style="width:863px;"></Input>
                <span style="color:red;">{{tip}}</span>
                <span style="color:red;">*</span>
                </Col>
            </Row>
        </Form-item>
reset() {
    let obj: any = this.$refs['formValidate']
    obj.resetFields()
}
   @Watch('$route')
onRoute(to: any) {
        this.reset()
}
由于我是需要跳轉(zhuǎn)頁(yè)面，所以才把reset()放在onRoute里面的
它提示的indexof of "undefined"如下：

我編輯的頁(yè)面表單有數(shù)據(jù)它好像就不會(huì)報(bào)錯(cuò)，表單沒(méi)有數(shù)據(jù)的時(shí)候，它是最容易報(bào)錯(cuò)的...
它提示的indexOf of undefined,好像在說(shuō)我的prop如果是數(shù)值類(lèi)型的就沒(méi)有indexOf，但是我把prop都改成字符串類(lèi)型的了，它還是報(bào)錯(cuò)

這個(gè)bug有時(shí)有，有時(shí)沒(méi)有，有點(diǎn)奇怪啊，help~

回答

編輯回答

尐飯團(tuán)

一般來(lái)說(shuō)cannot read property "" of undefined這樣錯(cuò)誤的原因
是試圖這樣調(diào)用： undefined.indexOf()
看你的代碼也就是path這個(gè)變量是undefined, 也就是說(shuō)this.prop是undefined.
看看this.prop的賦值過(guò)程是否有問(wèn)題.

最后你說(shuō)bug時(shí)有時(shí)無(wú), 是不是this.prop是在異步調(diào)用中賦值的呢, 檢查一下這個(gè)過(guò)程, 看看是否能真正定位到問(wèn)題.

2017年10月2日 08:53

編輯回答

下墜

下面我講的純屬猜測(cè),
你說(shuō)容易報(bào)錯(cuò),
1.應(yīng)該是你在跳轉(zhuǎn)頁(yè)面的時(shí)候引起的,因?yàn)樘D(zhuǎn)執(zhí)行的時(shí)候已經(jīng)在另一個(gè)頁(yè)面了,另一個(gè)頁(yè)面里執(zhí)行這個(gè)方法可能會(huì)報(bào)錯(cuò)....
2.你的path數(shù)據(jù)類(lèi)型有問(wèn)題,,,你可以在這里判斷前,先把你的path轉(zhuǎn)成string再試試

因?yàn)闆](méi)有具體證病癥的代碼,所以純屬猜測(cè)...

2018年6月12日 18:13

編輯回答

鐧簞噯

你的 FormItem 是不是有某個(gè)用了 v-if 當(dāng)你第一次 resetFields 的時(shí)候 v-if="true", 下一次 resetFileds 的時(shí)候 v-if="false" 也就是這個(gè)FormItem 所綁定的 props 找不到了就會(huì)報(bào)這個(gè)錯(cuò)，改成 v-show 就不會(huì)有問(wèn)題了

2018年2月20日 08:05