javascript - 选择项目的功能

标签 javascript vue.js vuetify.js

我想使用一个函数返回一个对象数组并将其用作 vuetify select 的项目。

我也是这样用的:

<v-select
     :items='functionToCall()'
     ......
>

我在函数后控制台记录常量,我有我想要的输出,但我的选择菜单中没有任何内容。

最佳答案

您将要调用的实际函数传递给 vue 标记,而不是实际调用它。您需要像这样调用该函数:

<v-select
     :items='functionToCall()'
     ......
>

但是,您最好使用 computed property ,作为函数调用只会在组件重新呈现时调用。计算属性将根据生成其输出的 react 性数据进行 react 性更新。

ETA:据我所知,强制组件或组件的一部分重新渲染的唯一可靠方法是更改​​ key组件的支柱。除了 $forceUpdate 和其他方法似乎不能可靠地强制重新渲染(而且在大多数情况下你不应该强制重新渲染,如果你这样做,你'可能做错了什么)

关于javascript - 选择项目的功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59292548/

相关文章:

javascript - RxJS 5.4.3 中的 .ofArrayChanges() 替代方案

view - VueJS : Vuex doesn't update View after modifying State

webpack - vue组件中图片的使用

javascript - v-select 更新 var 而不使用 v-model

javascript - 将自定义 CSS 添加到 Vuetify 组件时出现问题

javascript - 更改 anchor 文本,同时保持 FontAwesome 图标内联

javascript - 将 DIV 元素转换为字符串

javascript - 如何测试 Vuetify VHover?

javascript - 如何console.log列表的一部分?

webpack - 将 Vue 单个组件导出为 Web 组件