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

71 阅读1分钟

实现如下:

<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>