From 971c7c5993ff475157b0c9ed137998fd39f6c548 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期四, 17 十月 2024 17:17:33 +0800 Subject: [PATCH] 1. 完成总任务的管理模块(单日任务的管理未完成) --- src/components/search-option/base/FYOptionText.vue | 40 +++++++++++++++++++++------------------- 1 files changed, 21 insertions(+), 19 deletions(-) diff --git a/src/components/search-option/base/FYOptionText.vue b/src/components/search-option/base/FYOptionText.vue index 47bc779..170e966 100644 --- a/src/components/search-option/base/FYOptionText.vue +++ b/src/components/search-option/base/FYOptionText.vue @@ -1,40 +1,42 @@ <template> - <el-form-item :label="label"> - <el-input clearable v-model="searchText" :placeholder="placeholder" /> + <el-form-item :label="label" :prop="prop"> + <el-input + clearable + :model-value="value" + :placeholder="placeholder" + @input="handleInput" + :style="'width:' + width + ';'" + /> </el-form-item> </template> <script> export default { props: { + width:{ + type: String, + default: '150px' + }, label: { type: String, - default: '鏌ヨ椤�', + default: '鏌ヨ椤�' }, placeholder: { type: String, - default: '杈撳叆鎼滅储鍐呭', + default: '杈撳叆鎼滅储鍐呭' }, // 杩斿洖缁撴灉 value: String, + prop: String }, emits: ['update:value'], data() { - return { - searchText: '', - }; + return {}; }, - watch: { - searchText(nVal, oVal) { - if (nVal != oVal) { - this.$emit('update:value', nVal); - } - }, - value(nVal, oVal) { - if (nVal != oVal) { - this.searchText = nVal; - } - }, - }, + methods: { + handleInput(value) { + this.$emit('update:value', value); + } + } }; </script> -- Gitblit v1.9.3