我发现了一个 Vue3 里面的动态方法
在方法中引用了 ref
、reactive
或者 computed
属性,当属性发生改变的时候,方法会被重新执行。
举个应用场景
有一个包含下拉框的列表,每个下拉框里的选项都是不可重复的,比如第一个下拉框选了 A,那第二个下拉框就看不到 A 了。
也就是说,如果第一个下拉框开始有 ABC 三个选项,它选了 A,那第二个下拉框只能选 BC,且第二个下拉框选了 B,那这时候展开第一个下拉框,只有 AC 选项了。
这时候,就可以把所有已选择的选项放到一个 reactiev
里,然后每个下拉框的选项都通过一个方法取,方法里面用【所有选项-已选】就得到了当前下拉框的候选项。