Vue.js 的新手。我用谷歌搜索了很多 Vue.js 1.0 的资源,但没有找到 vue js 2.0 的资源。
问问题
1009 次
1 回答
0
Vue.js 2 验证与 Vue.js 1 版非常相似。它只能验证开箱即用的道具。根据文档,有 6 种方法可以做到这一点:
Vue.component('example', {
props: {
// basic type check (`null` means accept any type)
propA: Number,
// multiple possible types
propB: [String, Number],
// a required string
propC: {
type: String,
required: true
},
// a number with default value
propD: {
type: Number,
default: 100
},
// object/array defaults should be returned from a
// factory function
propE: {
type: Object,
default: function () {
return { message: 'hello' }
}
},
// custom validator function
propF: {
validator: function (value) {
return value > 10
}
}
}
})
如果要进行输入验证,则需要使用库。最受欢迎的是vue-validator。
将其作为插件添加到 Vue 应用程序后(通过Vue.use(...)
),您可以像这样验证输入:
<div id="app">
<validator name="validation1">
<form novalidate>
<div class="username-field">
<label for="username">username:</label>
<input id="username" type="text" v-validate:username="['required']">
</div>
</div>
<div class="errors">
<p v-if="$validation1.username.required">Required your name.</p>
</div>
<input type="submit" value="send" v-if="$validation1.valid">
</form>
</validator>
</div>
于 2016-10-23T02:29:02.413 回答