是否可以自定义Vue组件？

Question

是否可以自定义类星体具有的vue组件？ 我想使用类星体框架（这个https://quasar.dev/vue-components/color-picker）中的颜色选择器vue组件，但是我想删除标题并保留十六进制颜色输入。

我知道该组件有一个“无标题”版本，但是该版本也会删除颜色输入。

Here an image to exemplify

我要保留绿色部分，并删除红色部分

Answer 1

您可以完全隐藏标题，并添加显示当前颜色值的自定义标题。

const fruits = [ { id: 1, name: "orange"},{ id: 3, name: "apple"},{ id: 4, name: "grape"}]
const selectedFruits = [ "2", "3" ]
const fruitsArr = fruits.reduce((p, c) => (selectedFruits.includes(String(c.id)) && p.push(c), p), [])
console.log(fruitsArr)

$.ajax({
    type: "POST",
    url: "url",
    data: formData,
    processData: false,
    contentType: false,
    success: function(response) {
        console.log(response);
    },
    error: function(errResponse) {
        console.log(errResponse);
    }
});

codepen