在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue中,使用vee-validate,如何傳校驗(yàn)規(guī)則

vue中,使用vee-validate,如何傳校驗(yàn)規(guī)則

vue項(xiàng)目中,有以下父組件:

 <sku-batch-modify-modal placeholder="JD price" :rule="required|numeric"></sku-batch-modify-modal>

然后子組件中有內(nèi)容:

  <input type="text" name="batchValue" :placeholder="placeholder" v-model="batchValue" :v-validate="rule"/>

子組件通過(guò)props接收校驗(yàn)vee-validate的規(guī)則,

props: {
    rule: {
    type: String,
    default: ''
    }
}

但是控制臺(tái)報(bào)錯(cuò):

[Vue warn]: Failed to resolve filter: numeric
[Vue warn]: Property or method "required" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

請(qǐng)問(wèn)怎么傳遞vee-validate的校驗(yàn)規(guī)則?

回答
編輯回答
舊言
  1. 將校驗(yàn)規(guī)則定義一個(gè)方法,通過(guò)方法來(lái)傳遞;
  2. 參考:Vue如何使用vee-validate表單驗(yàn)證
2018年4月1日 15:25
編輯回答
嘟尛嘴

required|numeric再用個(gè)單引號(hào)包起來(lái)試試

:rule="'required|numeric'"

有個(gè)疑問(wèn)為什么不直接在組件里用呢?

2017年4月28日 04:26
編輯回答
溫衫

首先,父組件:
<sku-batch-modify-modal placeholder="JD price" rule="required|numeric"></sku-batch-modify-modal>
然后,子組件:

<input type="text" name="batchValue" :placeholder="placeholder" v-model="batchValue" v-validate="rule"/>
2018年5月11日 07:53