Buefy自动完成搜索在右边添加清除图标？

Question

我在vue-cli项目中使用Buefy。 如何在自动完成功能的右侧添加清除图标？

https://buefy.org/documentation/autocomplete/

Answer 1

这是v0.7.7之前尚未实现的requested feature。但是，您可以通过编程方式将b-autocomplete的输入类型更改为search（即<input type="search">），这将在悬停时启用浏览器的本机清除按钮：

// <b-autocomplete ref="autocomplete">
mounted() {
  const input = this.$refs.autocomplete.$el.querySelector('.control .input')
  input.type = 'search'
}

Chrome Screeenshot：

demo