study/ClipboardManager
1
0
Fork 0
mirror of https://github.com/ZiuChen/ClipboardManager.git synced 2025-08-18 23:09:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: ESC后搜索框内容不清空的问题

Browse Source
This commit is contained in:
ZiuChen 2022-08-15 18:10:05 +08:00
parent 2a454983fd
commit 069675f7c3
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/cpns/ClipSearch.vue
View File

@ -6,15 +6,21 @@
<script setup> <script setup>
import { ref, watch } from 'vue' import { ref, watch } from 'vue'
const filterText = ref('')
const props = defineProps({ const props = defineProps({
modelValue: { modelValue: {
type: String, type: String,
required: true required: true
} }
}) })
const filterText = ref('')
const emit = defineEmits(['update:modelValue']) const emit = defineEmits(['update:modelValue'])
// filterText变了 通知父组件修改 modelValue的值
watch(filterText, (val) => emit('update:modelValue', val)) watch(filterText, (val) => emit('update:modelValue', val))
// modelValue变了 更新 filterText的值
watch(
() => props.modelValue,
(val) => (filterText.value = val)
)
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>