首頁猿問有贊團隊的vant...

有贊團隊的vant ui組件庫<van-field>使用

JavaScript

千萬里不及你 2019-05-12 11:01:34

使用有贊團隊的vantui組件庫，在表單中使用，但是好像官方自帶的參數(shù)“error-message”只能是一個固定字符串，不能動態(tài)更改，請問有什么別的方法嗎，還有就是效驗，是需要自己寫得吧，官方?jīng)]有相應(yīng)的方法

查看完整描述

2 回答

慕容森

TA貢獻1853條經(jīng)驗獲得超18個贊

官方的示例是直接放了字符串，但是你可以v-bind到變量上啊，變量更改提示文字就更改了。v-model="phone"label="手機號"placeholder="請輸入手機號":error-message="errorMessage"/>還有表單效驗的確沒內(nèi)置，這很無語，建議自己結(jié)合async-validator擼一個，也不難

反對回復 2019-05-12

汪汪一只貓

TA貢獻1898條經(jīng)驗獲得超8個贊

error-message可以綁定一個字符串變量，記得加上冒號（:error-message="yourText"）例如，擼一個輸入賬號，再擼一個輸入密碼：v-model="username"clearablelabel="用戶名"icon="question"placeholder="手機號/郵箱":error-message="errorMessage.userInput"/>v-model="password"type="password"label="密碼"placeholder="請輸入密碼":error-message="errorMessage.pwdInput"/>data中的定義errorMessage：errorMessage:{userInput:"",pwdInput:"",zipCode:""},Ps：我是將所有需要報紅提示的信息都存在一個errorMessage對象中，修改和增加代碼的時候方便擼。使用的時候很簡單啊！this.errorMessage.pwdInput="密碼輸入錯誤"頁面上響應(yīng)的就顯示出來提示信息了；如果要關(guān)閉提示信息，那更簡單了。直接this.errorMessage.pwdInput=""賦值為空即可。最后校驗方面的話，自己寫多了就總結(jié)出一套比較通用的正則和檢驗方法，自己再封裝一下，每次每個項目用的時候直接import，多開心啊2333