vue color picker

最新推荐文章于 2025-04-23 07:11:54 发布

zwhfyy

最新推荐文章于 2025-04-23 07:11:54 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.csdn.net/zwhfyy/article/details/106926417

vue 专栏收录该内容

37 篇文章

订阅专栏

好用

yarn add vue-pop-colorpicker

<template>
  <color-picker v-model="color"></color-picker>
</template>
<script>
import { VueColorpicker } from 'vue-pop-colorpicker'
export default {
  components: {
    'color-picker': VueColorpicker
  },
  data() {
    return {
      color: '#ff0000'
    }
  }
}
</script>

不好用

<template>
  <chrome-picker name="picker" v-model="colors" />
</template>
<script>
import { Material, Compact, Swatches, Slider, Sketch, Chrome, Photoshop } from 'vue-color'
export default {
  components: {
    'material-picker': Material,
    'compact-picker': Compact,
    'swatches-picker': Swatches,
    'slider-picker': Slider,
    'sketch-picker': Sketch,
    'chrome-picker': Chrome,
    'photoshop-picker': Photoshop
  },
  data() {
    return {
      colors: '#ff0000'
    }
  }
}
</script>