链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

zuley/vue-color-picker:Vue颜色选择器插件

zuley/vue - color - picker是一个基于Vue的颜色选择器插件。它简单易用,UI经过优化,增加了圆角和过渡动画。它能以npm形式安装,提供全局组件,在支持5 input[type='color']的浏览器实现了「更多颜色」的功能选项。在Vue3中可以在mai...

访问官网 →

【Github】项目名:zuley/vue-color-picker:Vue颜色选择器插件

项目简介

vColorPicker是基于Vue的颜色选择器插件。它简单易用,其UI在原插件基础上进行了优化,增加了圆角和过渡动画。它可以以npm形式安装,提供全局组件,在支持5 input[type=’color’]的浏览器实现了「更多颜色」的功能选项。

项目使用

Vue3使用

在main.ts文件中引入并注册: import vColorPicker from ‘vcolorpicker’ const app = createApp(App) app.use(vColorPicker) 在页面中使用:

Vue2使用

在main.js文件中引入插件并注册: import vcolorpicker from ‘vcolorpicker’ Vue.use(vcolorpicker) 在项目中使用vcolorpicker:

项目配置

可以通过在所在元素上设置属性来配置color-picker,如defaultColor:默认颜色,如defaultColor = “#ff0000″;disabled:禁用状态,如disabled = true。还有change事件,在颜色值改变的时候触发:<colorPicker v-model=”color” @change=”headleChangeColor”/>。

项目总结

总的来说,zuley/vue-color-picker是一个很实用的Vue颜色选择器插件,在Vue项目中有颜色选择需求时可以考虑使用。欢迎大家在评论区留言讨论这个插件相关的话题,比如使用心得或者改进建议等。

项目地址

GitHub链接直达