前端vue 实现取色板 的选择

大概就是这样的

一般的web端框架 都有自带的 的 比如 ant-design t-design 等 前端框架 都是带有这个的

如果遇到没有的我们可以自己尝试开发一下 简单 的 肯定比不上人家的 但是能用 能看 说的过去

我直接上代码了

其实这个取色板 就是一个input type 是color 的input

所以我们现在就是使用这个就可以 有个 @input 事件 在这里我们可以在e.target.value中取到颜色

然后 根据自己框架中的全局颜色 把他修改了就行了

相关推荐
不吃鱼的羊15 分钟前
DaVinci配置NVM模块
前端·javascript·网络
excel25 分钟前
为什么需要构建工具(Webpack / Vite 的本质)
前端
lang2015092825 分钟前
Java SAX 流式解析全解:从原理到 EasyExcel 实战
java·前端·javascript
Rain50933 分钟前
2.4. PostgreSQL 数据库连接与实战指南
前端·数据库·人工智能·后端·postgresql·数据分析
console.log('npc')34 分钟前
Codex 桌面端接入 Headroom 压缩代理完整教程
前端·vscode
独泪了无痕1 小时前
Vue集成uuid生成唯一标识实践指南
前端·vue.js
yuanyxh9 小时前
Mac 软件推荐
前端·javascript·程序员
万少9 小时前
AtomCode开发微信小程序《谁去呀》 全流程
前端·javascript·后端
某人辛木9 小时前
Web自动化测试
前端·python·pycharm·pytest
Kagol10 小时前
Superpowers GSD gstack AgentSkills深度测评
前端·人工智能