vue点击文本框弹出一个这样的一个可供选择的窗口,该怎么去实现
给input 设置 一个cllick事件,点击显示模态框 就行了
可以自己封装一个弹窗组件,
组件有关闭事件,打开事件,标题和content内容 。可以参照element的弹窗自己封装一个
如果在项目中只用到一次这种类型的弹出框,可以直接在input输入框上面写一个@click监听事件。弹出框内容可以自己写,可以用float+index实现显示位置
在data中定义一个变量,来控制是否显示(建议true或false)
如果许多地方都要用到, 建议自己封装一个子组件。每次只需要改变内容即可
如果觉得自己封装麻烦,可以试用element-plus(vue3支持) 在里面找到el-dialog.(弹出框,可以控制是否显示遮罩层)