ui库列表
大约 1 分钟
ui库列表
vue 的ui库
- elementui (vue2)
- element-plus(vue3)
- https://www.radix-vue.com/
- antdv
- vuetify vite
- quasar
- keenui
- naive ui vite
- vant
- arco vite
- varilet vite
- nutui vite
- idux vite
- https://primevue.org/ vite
- https://vue-devui.github.io/quick-start/ esbuild
react的ui库
- antdesign
- materialui
- mantine
- https://www.radix-ui.com/
- rsuit
- https://primereact.org/
- roit
- iconic
- react-bootstrap
- reactstrap
- ever-green
- elasticui
- @jetbrains/ring-ui
- geist
- arco design
- chakara
- fluent ui
- https://rebassjs.org/
- nextui
- https://zagjs.com/
- https://www.radix-ui.com/
- shandui
手机端
- https://github.com/NervJS/taro-ui
- https://github.com/ant-design/ant-design-mobile
- https://github.com/Tencent/tdesign-react
- https://github.com/jdf2e/nutui-react
- https://github.com/youzan/vant
- https://react-vant.3lang.dev/
webcomponents
antdv
在antd中 使用form去回显或者新增表单数据时，select的placeholder不显示
如下例子：新增的时候，默认地址是空 “” 或者 null, 都不好使
这就要主要了，form中的select初始值为空时 要用 undefined
换成如下这样就OK了
```js
initialValue: this.props.isTrue ? this.props.data.bank.id : undefined,
注意，form中的日期datePicker相关的日期的空，初始值要用 null
el-checkbox的change事件传入你想要的字段
@change="checked=>方法名(checked,你想传的额外参数...)"
实例
<el-checkbox :disabled="scope.row.disable" v-model="scope.row.cashStatus"
@change="checked=>checkRow(checked, scope.row)"></el-checkbox>
checkRow(checked,row) {
console.log(`checked:${checked}`)
console.log(`row:${JSON.stringify(row)}`)
},
一些好玩的库
https://www.npmjs.com/package/console-feed