首页 > 技术文章 > 我发现了一个 Vue3 里面的动态方法

yinyuxing 2021-06-09 12:11 原文

在方法中引用了 refreactive 或者 computed 属性,当属性发生改变的时候,方法会被重新执行。

举个应用场景

有一个包含下拉框的列表,每个下拉框里的选项都是不可重复的,比如第一个下拉框选了 A,那第二个下拉框就看不到 A 了。

也就是说,如果第一个下拉框开始有 ABC 三个选项,它选了 A,那第二个下拉框只能选 BC,且第二个下拉框选了 B,那这时候展开第一个下拉框,只有 AC 选项了。

这时候,就可以把所有已选择的选项放到一个 reactiev 里,然后每个下拉框的选项都通过一个方法取,方法里面用【所有选项-已选】就得到了当前下拉框的候选项。

推荐阅读