【文件属性】:
文件名称:Vue-Form-Components:Vue 2的引导程序组件的集合
文件大小:91KB
文件格式:ZIP
更新时间:2021-01-30 03:42:14
javascript bootstrap vuejs vuejs2 BootstrapTypeScript
Vue表单组件
该软件包基于 CSS框架为Vue2提供了简单的表单包装器。
该软件包提供了多种组件。 这些是:
标准输入框
文字区
选择清单
拨动开关
文件浏览器
安装
您可以通过运行以下命令来安装此软件包: npm install --save vue-form-components或yarn add vue-form-components
然后,您可以将此包导入到您的项目中。
Import VueFormComponents from 'vue-form-components'
用法
我建议使用此包将组件声明为全局组件。 可以通过以下方式之一完成此操作:
Import VueFormComponents from 'vue-form-components' ;
Vue . component ( 'input-box' , VueFormComponents . InputBox ) ;
标准输入框
该组件旨在通过不必重复表单组来节省时间和重复。 该组件的名称为InputBox 。 该组件可以与v-model指令一起使用。 以下是如何使用组件的示例:
< input
【文件预览】:
Vue-Form-Components-master
----webpack.test.config.js(1KB)
----webpack.config.js(2KB)
----src()
--------toggle-switch.ts(1KB)
--------index.ts(379B)
--------input-box.ts(3KB)
--------file-browser.ts(1KB)
--------text-area.ts(2KB)
--------select-list.ts(3KB)
--------templates()
--------vue-form-components.scss(2KB)
----.npmignore(124B)
----.travis.yml(87B)
----tsconfig.json(834B)
----README.md(7KB)
----tests()
--------file-browser.spec.ts(6KB)
--------input-box.spec.ts(19KB)
--------setup.ts(27B)
--------toggle-switch.spec.ts(6KB)
--------resources.ts(192B)
--------select-list.spec.ts(18KB)
--------text-area.spec.ts(10KB)
----.gitignore(100B)
----package-lock.json(324KB)
----package.json(2KB)