`<template> <td class="col2"> <a-checkbox v-model:checked="advice.one"></a-checkbox> <span>洛监血糖(空肠、三餐后2小时血糖,一周一次直到分输)</span> </td> <td class="col2"> <a-checkbox v-model:checked="advice.two" @change="handleAdviceTwoChange"></a-checkbox> <span>洛监血压,</span> <a-input ref="dayInput" v-model:value="day1" style="width:100px;border-style: hidden;border-bottom: 1px solid #050505;"></a-input> <span>天一次,血压超过</span> <a-input ref="bloodPressureInput" v-model:value="bloodPressure" style="width:100px;border-style: hidden;border-bottom: 1px solid #050505;"></a-input> <span>mmgh或有头晕等症状复见</span> </td> </template> <script setup> import { ref } from 'vue'; const advice = { one: ref(false), two: ref(false), }; const day1 = ref(''); const bloodPressure = ref(''); const handleAdviceTwoChange = (value) => { if (value) { const dayInputValue = $refs.dayInput.$el.value; const bloodPressureInputValue = $refs.bloodPressureInput.$el.value; // 在这里处理获得的值 } }; </script setup>

Vue 3 中获取 Ant Design a-checkbox 和 a-input 的值:示例代码

原文地址: https://www.cveoy.top/t/topic/pyJz 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录