在應用vue進行專案開發過程中,應用this.$refs[name].resetfields();
實現表單搜尋元素重置時發現失效。經檢查發現是form-item
繫結的屬性prop
與包裹元素el-input
繫結值不一致造成的。現梳理有關應用this.$refs[name].resetfields();
重置表單方法的注意事項。
ref=
"submituser"
:model
="submituser"
>
prop
="realname"
>
formitem
>
ref=
"submituser"
:model
="submituser"
>
prop
="uname"
>
type
="text"
v-model
="submituser.uname"
placeholder
="使用者名稱"
>
input
>
formitem
>
prop
="passwd"
>
type
="text"
v-model
="submituser.passwd"
placeholder
="密碼"
>
input
>
formitem
>
>
type
="info"
@click
="query"
>
loginbutton
>
@click
="handlereset('submituser')"
style="
margin-left
: 8px;
"type
="info"
>
resetbutton
>
formitem
>
form
>
>
export
default}}
, methods:}}
script
>
Vue高階(么陸柒) Vue專案除錯技能
在vue專案開發過程中,當你遇到應用邏輯出現錯誤,但又無法準確定位的時候,知曉vue專案除錯技巧至關重要。同後台專案開發一樣,可以在js實現的應用邏輯中設定斷點,並進行單步 進入方法內 跳出方法等除錯,從而準確定位問題根源。本文主要針對jetbrains系列webstorm下vue專案進行除錯的2種...
Vue高階(么伍玖) 動態樣式設定
在vue專案開發過程中,需要根據按鈕數量動態設定icon元素寬度。在el col標籤內,若只展示1個icon元素的話,則設定寬度為100 若顯示2個icon元素的話,則設定寬度為50 以此類推 v for btn,index in btnarr key index style el col comp...
vue高階用法
1.mixin 1.全域性混合 2.全域性api 1.vue.extend 擴充套件例項構造器 2.vue.nexttick dom結構改變後執行 3.vue.directive 指令 4.vue.filter 過濾器 5.vue.component 註冊元件 3.watch 深度watch 4.v...