sutras / sard-uniapp

sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库。
MIT License
43 stars 12 forks source link

PickerInput选择器输入框 update:model-value事件不生效 #8

Closed elarbor closed 7 months ago

elarbor commented 8 months ago
<sar-picker-input v-model="userInfo.sex" placeholder="请选择性别" :columns="dropdowns.sex" @update:model-value="sexChange" />

动画

sutras commented 7 months ago

使用v-model双向绑定一个属性,展开完整的写法如下:

<sar-picker-input :model-value="userInfo.sex"  @update:model-value="userInfo.sex = $event" />

因此你再绑定@update:model-value监听事件是无效的。

如果想双向绑定,又想监听事件后做特定的处理,可以通过这种方式:

<template>
  <sar-picker-input :model-value="userInfo.sex" placeholder="请选择性别" :columns="dropdowns.sex" @update:model-value="sexChange" />
</template>

<script setup lang="ts">
  const uesrInfo = reactive({
    sex: '',
  })
 const sexChange = (value) => {
   userInfo.sex = value
   // 做特定的处理
 }
</script>