vue 实现button和input结合

 <Form
          ref="addForm"
          :model="addForm"
          :label-width="110"
          :rules="ruleValidate"
          style="margin-left: 70px"
        >
	<FormItem label="账号" prop="aplyNum" class="disabledInput">
         <Input
             v-model="addForm.aplyNum"
             v-focusNext
             disabled
           ></Input>
            /*disabled 禁止输入，去掉可以输入。disabledInput是将输入框样式变白*/
           <Button
             class="selectButton"
             type="primary"
             @click="searchName"
           >
             <Icon type="ios-search" size="16" />
           </Button>
	</FormItem>   
</Form>
 /*disabled 禁止输入，去掉可以输入。disabledInput是将输入框样式变白*/

<script>
import accountImptTableSingle from
 "@/views/ts-fcs-bedt/Components/XxxSingle";
export default {
  name: "XXXX",
  props: {

  },
  data() {
    return {
      showSingleBankName: false,
      addForm: {
		aplyNum: "",
	},
	ruleValidate: {},
    };
  },
  created() {},
  mounted() {
    
  },
  methods: {
    searchName(){  
   		// 方法实现
   		console.log("实现组件或者接口！")
    },
    
  },
  components: {},
};
</script>
<style>
/*输入框的样式设置，注掉为灰色*/
.disabledInput .ivu-input-disabled {
  background-color: #fff !important;
}

</style>

说明：
1：去掉disabled属性，输入框可以进行输入。可以设置input的属性，进行动态搜索
2：button 加入方法，可以组件弹框，组件列表等