element-ui中el-color-picker组件如何自定义文本
可以通过设置colorFormat属性来自定义文本,该属性接受一个函数作为参数,该函数接收一个颜色值作为参数,返回一个字符串表示该颜色值。例如:
<template>
<el-color-picker v-model="color" :color-format="colorFormat"></el-color-picker>
</template>
<script>
export default {
data() {
return {
color: '#409EFF'
}
},
methods: {
colorFormat(color) {
return `颜色值:${color}`
}
}
}
</script>
在上面的例子中,我们定义了一个colorFormat方法,该方法接收一个颜色值作为参数,返回一个字符串,表示该颜色值。然后把这个方法作为el-color-picker组件的color-format属性的值,这样就可以实现自定义文本的效果。
原文地址: http://www.cveoy.top/t/topic/4gN 著作权归作者所有。请勿转载和采集!