#

whycq

2023-09-30 18ed2c710b31951a286a0fb084a0ff041c30416d

#

 components/z-input/z-input.vue

@@ -3,8 +3,8 @@
        <view class="main">
            <view class="inner1">{{desc}}</view>
            <view class="put inner2">
                <input class="p-input" type="text" :placeholder="placeholder" @input="input" v-model="val">
                <uni-icons class="p-icon" type="closeempty" size="16" color="#707070" v-show="val.length" @click="clear"></uni-icons>
                <input class="p-input" type="text" :placeholder="placeholder" @input="input" v-model="data">
                <uni-icons class="p-icon" type="closeempty" size="16" color="#707070" v-show="data.length" @click="clear"></uni-icons>
            </view>
            <view class="inner3" v-show="btn">
                <button class="m-btn" size="mini">{{btnName}}</button>
@@ -16,6 +16,11 @@
<script>
    export default {
        name:"z-input",
        data() {
            return {
                data:'',
            };
        },
        props: {
            desc: {
                type: String,
@@ -43,30 +48,26 @@
            },
        },
        watch: {
            data(val) {
                if (this.data.length != this.lenCheck) {
                    console.log(123);
                    this.data = val
                }
                this.$emit('input',val)
            },
            value(val) {
                console.log(1);
                this.val = val
                this.data = val
            },
        },
        created() {
            this.val = this.value
        },
        data() {
            return {
                val:'',
            };
            this.data = this.value
        },
        methods: {
            input() {
                console.log(3);
                if(this.val.length != this.lenCheck) {
                    this.val = ''
                }
                this.$emit('input',this.val);
				
            },
            clear() {
                this.val = ''
                this.input()
                this.data = ''
            }
        }
    }