Vue3 中采用 @update:modelValue 手动更新 el-input 数据

实现如下:

<template>
  <el-card>
    <el-input :model-value="state.name" @update:modelValue="valueChange" class="w-340"/>
  </el-card>
</template>

<script lang="ts" setup>
import { state, setName } from '../store'

const valueChange = val =>{
  setName(val)
}

</script>
posted @ 2023-06-07 15:19  弹道偏左  阅读(316)  评论(0)    收藏  举报