点击弹出实现模拟百度那样子

	
		输入内容：{{ value }}
	
	
   输入对话框
			


	
								
	
		
			
			{{ item.content }}  
		  
			
	

export default {
		data() {
			return {
                redirect:'',
				checkPrivacy:false,
				confirmText: '绑定',  
				cancelText: '去注册',
				searchText:'',
				result:[],


            }；
        }

    method：{

            selectCompany(context){
			// 将选中的提示数据回显到搜索框中  
			      this.searchText = context;  	
			},
			
				
			confirm() {  
			      // 确认用户输入的内容  
			      console.log('用户输入的内容为：');  
			      // 关闭对话框  
			      // this.isVisible = false;  
			    },  
			cancel() {  
			      // 取消操作，可以执行相应的逻辑  
			      console.log('用户取消了操作');  
			      // 关闭对话框  
			      // this.isVisible = false;  
			    },
			chickCompany(event){
				console.log("------")
				console.log("event",event.detail.value)
				console.log("this.key",this.searchText)
				
				this.result=null;
				  // 发送搜索请求，获取搜索结果  
				  // 假设搜索结果是一个包含多个对象的数组，每个对象包含一个id和content属性  
				  // 例如： [{id: 1, content: '搜索结果1'}, {id: 2, content: '搜索结果2'}]  
				  // 这里使用mock数据代替真实的搜索结果作为示例  
				  
				  //获取所有公司
				  console.log("this.companyList",this.companyList)
				  const searchResult = [  
				    { id: 1, content: '示例1' },  
				    { id: 2, content: '示例2' },  
				    { id: 3, content: '示例3' }  
				  ];  
					if(this.searchText==1){
						const searchResult = [{ id: 1, content: '示例1' }]
						this.result = searchResult
					}
					if(this.searchText==2){
						const searchResult = [{ id: 2, content: '示例2' }]
						this.result = searchResult
					}
					if(this.searchText == 3){
						const searchResult = [{ id: 3, content: '示例3' }]
					this.result = searchResult  
					}
			},
			inputDialogToggle() {
				this.$refs.inputDialog.open()
			},
			dialogInputConfirm(val) {
				uni.showLoading({
					title: '3秒后会关闭'
				})

				setTimeout(() => {
					uni.hideLoading()
					console.log(val)
					this.value = val
					// 关闭窗口后，恢复默认内容
					this.$refs.inputDialog.close()
				}, 3000)
			},
      
       }
    }

点击后

输入后