dcc
2024-06-07 d5381ec06ab5f549fade867c3a874de613bdd5d4
src/page/placeAnOrder/components/buyInput/BuyInput.vue
@@ -1,36 +1,47 @@
<template>
  <div class="buy-input relative">
    <img class="w-40 h-40 absolute left-24" src="~@/assets/image/payment/search.png" alt="" />
    <input class="w-full box-border pl-80" :readonly="readonly" type="text" :value="value" :placeholder="placeholder" @input="changeVal"
      @focus="focus" />
    <img
      class="w-40 h-40 absolute left-24"
      src="~@/assets/image/payment/search.png"
      alt=""
    />
    <input
      class="w-full box-border pl-80"
      :readonly="readonly"
      type="text"
      :value="value"
      :placeholder="placeholder"
      @input="changeVal"
      @focus="focus"
    />
  </div>
</template>
<script>
export default {
  name: 'BuyInput',
  props: ['value', 'placeholder','isReadonly'],
  name: "BuyInput",
  props: ["value", "placeholder", "isReadonly"],
  data() {
    return {
      readonly: false
    }
      readonly: false,
    };
  },
  mounted() {
    if(this.isReadonly) {
        this.readonly = this.isReadonly
      } else {
        this.readonly = false
      }
    if (this.isReadonly) {
      this.readonly = this.isReadonly;
    } else {
      this.readonly = false;
    }
  },
  methods: {
    focus(e) {
      this.$emit('focus', e.target.value)
      this.$emit("focus", e.target.value);
    },
    changeVal(e) {
      this.$emit('input', e.target.value)
      this.$emit("input", e.target.value);
    },
  },
}
};
</script>
<style lang="scss" scoped>