解决app通信问题

heyujie

2021-05-24 4885600ecc369aa2e30a65de8dd7a410f13c34df

 components/IPInput.vue

@@ -1,18 +1,9 @@
<template>
  <div class="ip-input-container">
    <div class="ip-segment" v-for="(segment, index) in segments" :key="index">
      <input
        type="text"
        maxlength="3"
        class="ip-segment-input"
        :value="segment"
        :placeholder="placeholder"
        :disabled="disabled"
        v-on:keydown="onInputKeydown($event, index)"
        v-on:input="onInput($event, index)"
        v-on:blur="onInputBlur()"
        v-on:paste="onPaste($event, index)"
      />
         <input type="text" maxlength="3" class="ip-segment-input" :value="segment" :placeholder="placeholder"

            :disabled="disabled" v-on:keydown="onInputKeydown($event, index)" v-on:input="onInput($event, index)"

            v-on:blur="onInputBlur()" v-on:paste="onPaste($event, index)" />

      <i v-show="index != segments.length - 1">.</i>
    </div>
  </div>
@@ -201,12 +192,14 @@
     /* max-width: 360px; */

     display: flex;
}


.ip-segment {
     width: 25%;

     height: 32px;

     line-height: normal;

     display: flex;

     justify-content: left;


  input {
  width: auto;

      height: 32px;

@@ -220,6 +213,7 @@
      background-color: aliceblue;
    background-color: transparent;
  }


  i {
       display: inline-block;

       font-size: 20px;