A Nice Chrome-style ColorPicker with vue.js1 min read

Lucy Jameson July 8, 2021 Tagged .net core with vue js, ajax vue js, best program for vue js, django with vue js, dynamically set prop vue js, events vue js, html linking to vue js file, import js in vue 2 component, pixi js in vue, the ultimate vue js 2 developers course warez-bb, vue js - router beforerouteupdate, vue js access array, vue js client side application, vue js combo stays open on ipad, vue js component tutorial, vue js get by id, vue js get request params, vue js hal, vue js infinite scroll, vue js keydown on character, vue js list youtube playlist, vue js output value or text, vue js pass props to child component, vue js ruby, vue js server requirements, vue js show, vue js using moment object in state, vue-js-modal recalculate position

one-colorpicker

A Chrome-style ColorPicker.

View Demo
View Github

Install

$ npm install one-colorpicker

Quick Start

import {ColorPicker, ColorPanel} from ‘one-colorpicker’

Vue.use(ColorPanel)
Vue.use(ColorPicker)

Props

value

bind v-model return string, eg: ‘#f90’, ‘rgba(0, 255, 255, .4)’

<color-panel v-model=”color”></color-panel>

Events

change

<color-picker v-model=”color” @change=”change”></color-picker>

Build Setup

generated by vue-cli

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.

Generated by Feedzy