uni app 自定义 带popup弹窗的input组件

工作需要。自定义了个带popup弹窗的input组件。此组件满足个人需求，不喜勿喷。应该可以看明白怎么回事，也能自己改改，所以就不要联系了，点赞收藏就好

<template>
	<view class="dialog_main">
		<input v-model="inputvalueClone" class="select_input" placeholder-class="down_select_input_placeholder"
			placeholder="请输入或选择" @focus="input_focus" @input="input_value" />
		<view class="select_mian" v-if="showPickerClone">
			<view class="button_main">
				<text></text>
				<text class="button_name" @click="qd_click">确定</text>
			</view>
			<scroll-view v-if="showPickerClone" class="scroll_y" :scroll-y="true">
				<view class="list_main" :id="index" v-for="(item, index) in datalistClone" :key="index">

					<text v-if="!item.ishow" @click="item_click(item)" class="item_name">{
  
  { item[showkey]  }}</text>
				</view>
			</scroll-view>
		</view>




	</view>
</template>

<script>
	import myclient from '../../utils/myclient.js'
	import utils from '../../utils/utils.js';
	export default {
		data() {
			return {
				inputvalueClone: "",
				showPickerClone: false,
				datalistClone: [],
				selectedIndex: 0, // 当前选中的索引  
			};
		},
		/**
		 * 组件的属性列表
		 */
		props: {

			showkey: {
				type: String,
				default: ''
			},
			clienturl: {
				type: String,
				default: ''
			},


			paramsvalue: {
				type: String,
				default: ''
			},
			params: {
				type: Object,