Vue中的拾色器

Question

如何在Vue.js中进行this？我不想使用任何组件，可以在纯Vue.js中完成吗？

单击按钮后，我只想了解示例中的内容。只是一个调色板和不透明度设置。

实际代码：

<!-- Input -->
<input type="text" v-model="color.navigation.background" maxlenght="7" placeholder="#000000">
<!-- Default color -->
<input type="button" @click="color.navigation.background = '#00CED1'">
<!-- Change color button -->
<input type="color" v-model="color.navigation.background">

var app = new Vue({
   el: '#app',
   data: {
    // Colors
    color: {
        // Navigation
        navigation: {
            background: '#00CED1'
        }
    }
}

}）

由于 type =“ color” ，它不能完全显示我想要的颜色，并且单击“确定”后颜色会发生变化。接下来，我要从输入的十六进制值中删除＃。

谢谢！