Vue3 script setup 中使用 watchEffect 监听 a-input 数据变化
const leftEarData = [{ hz: '500', result: '' }, { hz: '1k', result: '' }, { hz: '2k', result: '' }, { hz: '3k', result: '' }, { hz: '4k', result: '' }, { hz: '6k', result: '' }];watchEffect(() => {console.log(leftEarData);updateChart(leftEarData);});在 Vue 3 的 <script setup> 中,你可以使用 watchEffect 来监听数据的变化,而无需显式地指定要监听的属性。下面是将你的代码修改为使用 watchEffect 的示例:vue<script setup>import { watchEffect } from 'vue';const leftEarData = [{ hz: '500', result: '' }, { hz: '1k', result: '' }, { hz: '2k', result: '' }, { hz: '3k', result: '' }, { hz: '4k', result: '' }, { hz: '6k', result: '' }];watchEffect(() => {console.log(leftEarData);updateChart(leftEarData);});</script>在这个例子中,watchEffect 会自动追踪 leftEarData 的变化,并在数据变化时触发回调函数。因此,当 leftEarData 中的 result 属性发生变化时,updateChart 函数会被调用。
原文地址: http://www.cveoy.top/t/topic/p4ux 著作权归作者所有。请勿转载和采集!