我的组件篇之input组件

前言

之前在做项目的时候会用到自己写的组件,但是呢,换了一个项目之后就得重新拷贝组件,这样挺麻烦的,所以呢,就自己在vue3.0的基础上搞了个自己的组件库,当然现在只有一个组件–>FloatInput组件

FloatInput预览

预览

使用

首先可以先

1
npm config set registry https://registry.npmjs.org/

然后

1
npm install --save v-plugs-ayu

在man.js中引入即可

1
2
import "v-plugs-ayu/dist/personal-component.css";
import "v-plugs-ayu";

页面中直接使用就行了

1
2
3
<float-input></float-input>
or
<FloatInput></FloatInput>

参数Props

参数 说明 类型 可选值 默认值
value(v-model) string - -
placeholder 提示信息 string - -
type 输入框类型 string text、password、email text
required 是否必填 boolean true、false false
hascolor 自带的输入框颜色 string has-default、has-danger、has-success、has-warning、has-info has-default
color 自定义输入框颜色,
如果has-color和color同时
存在,则优先color参数
string red、blue、#000等等 -

结语

我相信,随着我技术不断地提升,可以写出更多更好的组件的,加油!!

文章目录
  1. 1. 前言
  2. 2. FloatInput预览
  3. 3. 使用
  4. 4. 参数Props
  5. 5. 结语
|
载入天数...载入时分秒...