Vue-formulate 是一个用于构建表单的 Vue.js 插件,它提供了丰富的表单控件和验证功能。Group 组件允许你将多个表单项组合在一起,而 item 则是Group 中的具体表单项。可折叠/切换折叠功能指的是用户可以点击某个按钮或标签来展开或收起某个表单项或表单组。 优势 用户体验:用户可以根据需要展开或收起表单部分,...
VueVueFormulate}) #通过 props 要通过 props 使用状态类键,请将其与元素键 (kebab case) 结合使用[element key]-[state-key]-class。 例如,要在有效字段的标签上添加对号: <FormulateInputlabel="Social Security Number"placeholder="xxx-xx-xxx"help="Please enter your social security number: XXX-XX-XXXX...
fileName.formulate-file-name负责显示文件名的元素。 fileRemove.formulate-file-remove负责删除文件的元素。 fileProgress.formulate-file-progress进度条的外部包裹器。 fileProgressInner.formulate-file-progress-inner内部进度指示器。宽度自动设置为上传完成的百分比。
由于Vue Formulate使用单个输入组件,因此可以轻松地遍历数组并动态生成表单。 自己的风格 Vue Formulate具有简单的语义类,可轻松完成样式输入。滚动自己的样式或选择我们预先内置的主题之一。 实例代码 表格验证 Vue Formulate包含20条规则并支持定义自己的规则 <FormulateInput type='email' label='请输入校园邮箱?' valid...
element-ui 的 el-form 组件,和 vue-formulate 都是表单组件,用来做表单数据统一处理,而且做表单验证的,现在就两者的区别做一些分享。 首先,我们看下 el-form 组件实现表单验证的一个官方实例: <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <...
Saved searches Use saved searches to filter your results more quickly Cancel Create saved search Sign in Sign up Reseting focus {{ message }} wearebraid / vue-formulate Public Notifications You must be signed in to change notification settings Fork 242 Star 2.3k ...
With Vue Formulate you don't need to remember the names of a dozen components — all form elements are created with asingle component. Easy! Ridiculously easyvalidationout-of-the-box to handle 95% of use-cases. Help text, validation rules, and validation messages are simple props. Need more...
UNPKG vue-formulate-trim/jsconfig.json Version: 279 BJSONView Raw 1{ 2"compilerOptions": { 3"target":"es5", 4"module":"esnext", 5"baseUrl":"./", 6"moduleResolution":"node", 7"paths": { 8"@/*": [ 9"src/*" 10]
vue-formulate-trim/package.json Version: 1.15 kBJSONView Raw 1{ 2"name":"vue-formulate-trim", 3"version":"0.1.0", 4"private":false, 5"scripts": { 6"serve":"vue-cli-service serve", 7"build":"vue-cli-service build", 8"lint":"vue-cli-service lint" ...
vue3-formulate-nuxt 3.0.0-alpha.6•Public• Published2 months ago vue3-formulate-nuxtREADME.md #vue3-formulate-nuxt[Work In Progress - Alpha Release]The Nuxt 3 module for`vue3-formulate`, offering seamless integration with Nuxt projects. This module is built using`@nuxt/kit`and ensures...