我正在尝试创建一个搜索输入字段,其中包含下拉列表中先前搜索的历史记录,例如 Intellij 编辑器中的搜索字段。
我是 Vuetify 的新手,从我目前看到的情况来看,Combobox 是最好的组件。
我希望只有单击下拉图标才能打开下拉菜单。目前,当您单击文本输入字段时,下拉菜单会打开。从文档看起来 prop:menu-props="{openOnClick: false}"可能是我需要的,但它似乎不起作用。
任何人都可以给我正确方向的指示吗?
https://codepen.io/damianhelme/pen/zMXJvb
<v-combobox
v-model="search"
:items="searchHistory"
label="Search"
:menu-props="{openOnClick: false}"
></v-combobox>
new Vue({
el: '#app',
data () {
return {
search: '',
searchHistory: [
'Apple',
'Banana',
'Pear'
]
}
}
})
Run Code Online (Sandbox Code Playgroud)
谢谢。
我试图了解Jest中异步测试的工作方式。
我正在尝试做的事情类似于Jest文档中的示例。这很好..
function doAsync(c) {
c(true)
}
test('doAsync calls both callbacks', () => {
expect.assertions(2);
function callback1(data) {
expect(data).toBeTruthy();
}
function callback2(data) {
expect(data).toBeTruthy();
}
doAsync(callback1);
doAsync(callback2);
});
Run Code Online (Sandbox Code Playgroud)
但是我想延迟回调调用,所以我尝试了这个....
function doAsync(c) {
setTimeout(() => {
console.log('timeout fired')
c(true)
}, 1000)
}
Run Code Online (Sandbox Code Playgroud)
但是测试失败并显示消息Expected two assertions to be called but received zero assertion calls.。
日志消息“超时已触发”未出现在控制台中。
请有人能解释为什么会失败吗?