input取消焦点 vue_vue如何能做到点击其他地方input不失去焦点

我想写一个省市的选择框做成类似iview中picker那种，但是在写的时候发现，使用focus事件控制列表显示/隐藏切换不好用，查了半天没找到好的解决办法

下面是我的代码：

• { {item.province}}
  • { {item.city_label}}

export default {

name: "cityDicker",

data() {

return {

citylistshow: false, // 城市选择面板

selprovice: "",

selcity: "",

workCity: "",

cityList: [

{

province: "北京",

province_code: "001",

citys: [

{

city_label: "北京市",

city_code: "001001"

},

{

city_label: "北京郊区",

city_code: "001002"

}

]

},

{

province: "上海"