Javascript clearable道具不适合我，有人能建议吗

我有一个自定义输入字段，我在整个项目中使用它

我试图在我的输入组件中使用可清除的道具，这样我就可以通过单击清除文本

但是设置

可清除：“true”

不起作用

我正在使用

clearable的价值来自于我从我必须使用clearable的组件传递的道具

请引导我。。

---

提前感谢

clearable

不是标准的HTML属性。为此，您必须使用自定义组件，这将更易于与

v-model

一起使用。。我提供了一个如何使用事件/默认值完成此操作的示例，以及一个显示如何使用

v-model

完成此操作的示例：

编辑：清理了一点代码

const customInputNoVmodel={
模板：“#自定义输入无vmodel”，
道具：{
可清除：{
类型：布尔型，
必填项：false，
默认值：false
},
},
方法：{
输入（e）{
这是.$emit（“输入”，即目标值）；
}
},
计算：{
可清除的（）{
返回this.clearable==true？“搜索”：“文本”；
}
}
};
const vm=新的Vue({
el:“应用程序”，
组成部分：{
customInputNoVmodel
},
数据：{
值：“无v型的初始值”，
CSC课堂：“我的一班”
},
方法：{
手动输入（e）{
这个值=e；
}
}
});
/* *************************** */
常量customInputWithVmodel={
模板：“#使用vmodel自定义输入”，
道具：{
价值：{
类型：字符串，
必填项：false，
},
可清除：{
类型：布尔型，
必填项：false，
默认值：false
},
},
计算：{
可清除的（）{
返回this.clearable==true？“搜索”：“文本”；
},
手动输入：{
得到（）{
返回此.value；
},
设置（val）{
此.$emit（'input'，val）
}
},
}
};
常量vm2=新的Vue({
el:“附录2”，
组成部分：{
customInputWithVmodel
},
数据：{
文本：“v型初始值”，
CSC课堂：“我的二班”
}
})

。我的一班{
背景颜色：蓝色；
颜色：白色；
边框：1px纯红；
宽度：200px；
}
.我的二班{
背景色：黑色；
颜色：红色；
边框：5px实心黑色；
宽度：250px；
}

不使用v型：


带v型

如果删除v-bind位，clearable是否通过？另外，请发布您声明的组件道具。您好，是的，删除v-bind仍将值作为字符串或布尔值传递，但错误是我的，我本应创建清晰的图标，然后使用道具进行操作，非常感谢您的回复：-）danke schön bruder:-）实际上错误是我的，我没有创建组件，并以错误的方式执行，但现在它工作了，我正在使用输入事件发射，工作正常，感谢您的帮助和建议：-）