小编Dam*_*lme的帖子

Vuetify Combobox - 单击图标时打开下拉菜单

我正在尝试创建一个搜索输入字段,其中包含下拉列表中先前搜索的历史记录,例如 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)

谢谢。

vuetify.js

6
推荐指数
1
解决办法
7806
查看次数

开玩笑的单元测试:setTimeout在异步测试中不触发

我试图了解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.

日志消息“超时已触发”未出现在控制台中。

请有人能解释为什么会失败吗?

javascript jestjs

2
推荐指数
2
解决办法
2255
查看次数

标签 统计

javascript ×1

jestjs ×1

vuetify.js ×1