@xuanmo/v-form
Version:
* 目前已经集成的组件(Address/Checkbox/DatePicker/Input/Radio/Select/Text/Switch/Upload) * 组件不满足的情况可自定义开发组件或者使用 `slot` 的形式 * 组件的调用方式采取 `JSON` 配置的形式,具体参数见model数据说明 * 校验规则已经集成 `VeeValidate` 插件,也可以自定义扩展规则,更多资料 [https://logaretm.github.io/vee-validate](https://logaretm
36 lines (30 loc) • 762 B
JavaScript
import Vue from 'vue'
import App from './App.vue'
import FormItemTest from './components/FormItemTest'
import VForm from '../packages'
import ADDRESS_JSON from '../packages/Address/data.json'
Vue.config.productionTip = false
Vue.component(FormItemTest.name, FormItemTest)
Vue.use(VForm, {
// primaryData: true,
addressJSON: ADDRESS_JSON,
validator: {
custom: {
params: ['length'],
message: '长度不能大于{length}',
validate: (value, { length }) => {
return value.length <= length
}
},
target: {
params: ['target'],
message: 'password不正确',
validate: (value, { target }) => {
return value === target
}
}
}
})
new Vue({
render: h => h(App),
}).$mount('#app')