From 18ed2c710b31951a286a0fb084a0ff041c30416d Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期六, 30 九月 2023 18:04:26 +0800 Subject: [PATCH] # --- components/z-input/z-input.vue | 35 ++++++++++++++++++----------------- 1 files changed, 18 insertions(+), 17 deletions(-) diff --git a/components/z-input/z-input.vue b/components/z-input/z-input.vue index ab8a105..8267ab4 100644 --- a/components/z-input/z-input.vue +++ b/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 = '' } } } -- Gitblit v1.9.1