Javascript 使用colorpicker-vue2检测对输入值的更改

我正在使用vue2外部的颜色选择器组件。虽然它呈现得很好，并且似乎在基本用法下运行良好，但我无法检测vue组件中输入值的更改。我尝试将@change添加到组件实例中，尽管它似乎从未启动过。知道为什么吗？注意，该值会更改颜色十六进制值，但不会在输入中进行数据绑定

问题是项。颜色永远不会改变。。输入中的新值被指定给脚本外部颜色选择器中的输入值，但从不指定给item.color（从不绑定），并且无法捕获新值

我没有发现他们抓住他们的行动

我使用@change 我使用@focus

---

当

项目颜色（
v-model
绑定）发生变化时，您可以使用
watch
进行操作


newvue({
el:“#应用程序”，
数据（）{
返回{
项目：{
颜色：“
},
doSomething:“
}
},
观察：{
“item.color”（newValue）{
this.doSomething=新值；
}
}
})

白色


黑色


{{doSomething}}
当
项目颜色（
v-model
绑定）发生变化时，您可以使用
watch
进行操作


newvue({
el:“#应用程序”，
数据（）{
返回{
项目：{
颜色：“
},
doSomething:“
}
},
观察：{
“item.color”（newValue）{
this.doSomething=新值；
}
}
})

白色


黑色


{{doSomething}}
谢谢，问题出在商品上。颜色永远不会改变。。输入中的新值已分配给脚本外部颜色选择器中的输入值，但从未分配给item.color（从不绑定）谢谢，问题是item.color从不更改。。输入的新值被分配给脚本外部颜色选择器的输入值，但决不分配给item.color（决不绑定）
<input
                    class="inp input_flexible"
                    :data-did="'A' + (index + 1) + '-colorPicker'"
                    name="color"
                    :id="'color_' + item.TIER_ID"
                    autocomplete="off"
                    type="text"
                    v-model="item.color"
                    v-on:input="cambiarcolor($event)"
                    @click="metodocolor(index, $event)"
                    @blur="metodoblur(index,$event)"
                    @change="cambiarcolor($event)"                   

                  />