问题描述:在使用avue-input-icon组件时,鼠标触摸时显示了一个删除图标,但是删除不起作用,修改其样式进行隐藏不起作用
解决方案:通过ref获取其属性
<avue-input-icon ref="avueicon"
v-model="form.icon"
:icon-list="iconList"
:clearable="clearable"
></avue-input-icon>
打印:
console.log('avueicon',this.$refs.avueicon);
结果:
![](https://i-blog.csdnimg.cn/blog_migrate/8cb295a24003a11cb3bd81c1240dc1db.png)
结果:可以查看里面有个属性clearable 属性,修改clearable值