vue3 选择字体的颜色，使用vue3-colorpicker来选择颜色
1、有的时候我们会用到颜色的选择器，像element-plus提供了，但是ant-design-vue并没有：
这个暂时没有看到：
但是Ant Design 5的版本有，应该不是vue的。
2、使用第三方提供的vue3-colorpicker：@storybook/cli - Storybook GitHub - haixin-fang/vue3-colorpicker: 基于vue3实现的颜色选择器 , 支持线性渐变和经向渐变. very beautiful color picker, supports input and output of multiple color formats, and supports gradient color selection.
3、安装并使用：
这里只是局部的使用：
import { ColorPicker } from 'vue3-colorpicker';
import 'vue3-colorpicker/style.css';
<ColorPicker
v-model:pureColor="fontcolor"
placeholder="字体颜色"
style="width: 100%"
size="small"
/>官方的事例：
<color-picker v-model:pureColor="pureColor" v-model:gradientColor="gradientColor" v-model="gradientData"/>
4、显示效果：
效果还不错，也有其它的比如 colorpicker-vue3，这个2年前维护的。有兴趣也可以看看。
还有 Vite AppGitHub - zuley/vue-color-picker: Vue 颜色选择器插件 Vite App
原文地址：https://blog.csdn.net/jwbabc/article/details/142432885
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！