Vue.js中Chrome和Datalist的性能问题

文章/答案/技术大牛

发布

1回答

google-chrome、vue.js、html-datalist

我在vue.js和Google Chrome (最新版本: 83.0.4103.97)中的数据列表有一个性能问题。我不得不说，我几个月前就开始学习Vue.js了，所以我还是个菜鸟。有了火狐，一切都很好，数据列表和过滤可以立即生效。使用Chrome时，一切都很慢...我在输入栏中输入，字母显示得非常慢(或者一次输入所有字母)，我必须等待很多秒才能应用过滤器。$anyError}" &#x

浏览 21提问于2020-06-05得票数 9

回答已采纳

1回答

提前输入VueJS的完整经验

html、vue.js、autocomplete、datalist

我一直在使用Vue JS，代码如下：<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>word" v-on:keyup="signalChange" v-on:change="signalChange" list="words" autofocus> <

浏览 3提问于2021-03-14得票数 7

回答已采纳

3回答

在Vue.js数据列表中显示'[Object object]‘而不是label

vue.js、html-datalist

我正在使用<datalist>下拉菜单来显示我们项目中的组名。$store.getters['Groups/getGroups']} 实际上，我希望下拉菜单显示label字段，这是一个组名，我将获得它的值。返回值的结构如下： {label: "test", value: 14}, {labe

浏览 10提问于2018-08-10得票数 0

1回答

识别BootstrapVue自动完成中的数据表选择和文本输入

javascript、html、vue.js、vuejs2、bootstrap-vue

有了下面的示例代码，我想知道正确的事件/方法，以区分输入中填写的值是手动输入还是从<datalist>中选择。div> v-on:change="handleChange" v-model="sizeSel"/>

浏览 0提问于2020-11-30得票数 1

回答已采纳

1回答

如何隐藏Chrome卷轴上的数据表？

html、css

在Chrome中，如果将带有datalist的inputlist放在一个可滚动的容器中，数据列表将在滚动后保持在相同的位置，请查看因此，问题是:是否有任何方法来隐藏滚动条上的</

浏览 1提问于2018-08-16得票数 5

2回答

数组的随机索引比顺序索引对性能有任何影响吗？

c++、arrays、performance

假设我们有一个名为DataList的长数组。另外两个数组包含索引，一个按升序包含索引(即: 0，1，2，3，4，.)另一个数组名为sIndexes，由随机打包的索引组成(即: 6、5、1、9、7、.)名为rIndexes。这些索引数组(sIndexes和rIndexes)用于索引DataList数组。当我们使用sIndex数组索引DataList时，它会按顺序对元素进行索引。当我们使用rIndexes索引DataList时，它会在数组中的</e

浏览 3提问于2021-01-16得票数 2

回答已采纳

1回答

Android2.3中datalist中选项标签的计数

javascript、android、jquery、html

为什么Android2.3 webkit浏览器(不是chrome)无法在datalist中找到选项<input list="browsers" /> <option value="Chrome"> <option value="Internet Ex

浏览 1提问于2014-01-28得票数 1

回答已采纳

2回答

是否有与datalist* <option>的选择相关的事件？*

javascript、html、html-input、dom-events、html-datalist

我在<input>字段中有一个(动态)选项列表：<input list="choices"><option>one</option></datalist>在选择<option> 之后，是否有一个事件被触发？(如果这有关系的话，我想在Vue.js中</em

浏览 4提问于2017-06-11得票数 5

回答已采纳

1回答

HTML 5颜色输入:定义自定义颜色

html

我知道颜色输入目前只适用于Opera和Chrome，但如果我可以定义一个自定义颜色集，至少在关闭浏览器时可以节省时间，或者最好是由网站本身定义，那么它仍然是一个很好的节省时间的方法。这个是可能的吗？

浏览 4提问于2012-08-17得票数 2

回答已采纳

1回答

iOS中未添加到自定义Web组件的时隙元素

javascript、css、safari、web-component

我正在开发一个自定义web组件，当我通过标记在内部添加选项时，这些选项不是为浏览器呈现的。 <option slot="my-slot">D</option>在我缺少的Safari浏览器中是否存在所需的

浏览 2提问于2022-05-16得票数 0

1回答

Datalist显示远离输入

html、css、html-datalist

我正在使用datalist和输入执行一个简单的自动补全。问题是数据列表显示的距离输入区域很远。我正在使用Tailwind与反应为这个项目。" list="categories" <datalist{categories.map((category) => (

浏览 13提问于2020-11-04得票数 2

6回答

如何使用HTML5刷新JavaScript数据表？

javascript、jquery、ajax、html、html-datalist

我正在动态地将选项加载到HTML5 datalist元素中。但是，浏览器试图在加载选项之前显示datalist。这会导致列表没有显示，有时还会显示部分列表。<input type="text" id="ingredient" list="ingredients">JavaScript}

浏览 8提问于2014-10-28得票数 17

2回答

如何将字符串添加到浏览器的自动完成弹出窗口？

javascript

以下是google登录屏幕的外观：你点击它，一个建议列表就会弹出。我想在我自己的网站上做一些类似的事情，用户点击输入，一个javascript填充的建议列表就会弹出来(或者过去的搜索列表和我的建议一起)。我如何使用javascript来做这件事？

浏览 1提问于2013-01-14得票数 1

回答已采纳

1回答

输入列表/数据表:删除Chrome版本91中的下拉箭头

html、css、google-chrome

我有以下Razor/HTML代码来生成一个包含list/datalist的输入字段：生成的HTML如下所示： <input class="form-control inputBarcodeFieldid=&q

浏览 2提问于2021-06-01得票数 1

回答已采纳

18回答

为什么Vue.js* Chrome没有检测到Vue.js？*

vue.js、devtools

下面的代码带有一个简单的工作Vue.js应用程序。但是vue.js的devtools没有回应。它在几天前运行得很好，现在已经不起作用了--有什么可能会出错呢？当我去的时候，它说它已经被添加了。 <script src="https://unpkg.com/vue@2.1.6/dist&

浏览 26提问于2016-12-19得票数 94

回答已采纳

1回答

在输入字段上使用vue指令(v-model，@ vue )时，vue中的datalist的意外行为？

javascript、html、vue.js、html-datalist

基本上，我编写了下面的代码片段，在具有datalist的输入中使用v-模型。当我选择其中一个datalist时，datalist在选择一个选项后立即再次重新显示，就好像我已经手动键入了代码一样。的建议，在选择值之后，我使用外部方法模糊输入字段。(可能是铬中的bug )

浏览 2提问于2019-10-22得票数 0

回答已采纳

2回答

Vue.js项目在Visual代码中不正确地触发断点

vue.js、visual-studio-code

我正在尝试设置VS代码+ Vue.js来处理一些Vue.js项目。我是，但不能使断点正确工作。如果我开始这个网站然后使用调试器在VS代码中为Chrome进行调试，并在.vue文件中的某一行代码上设置断点，通常用红色圆圈标记该行，但断点在代码中的不同app.js文件中被触发，如下所示：exports.push([module.i.../

浏览 0提问于2018-09-22得票数 0

回答已采纳

1回答

如何在引导vue中显示输入标记的建议列表？

vue.js、bootstrap-vue

我需要实现的是，每当用户在输入字段中输入文本时，包含该值的筛选数组应该显示为下拉列表。用户可以按Enter键笔画，也可以从下拉列表中选择值。如果输入文本不在数组中，则用户不应该能够输入值，即标记可能不会被创建。例如，每当我们在堆栈溢出中创建一个问题时，输入标记并从建议卡中输入或选择。我需要类似的功能，但如果输入文本不在建议数组中，则用户将无法创建标记。</b-form-text> </template&

浏览 3提问于2021-06-22得票数 1

8回答

HTML表单: Select-Option与Datalist-Option

html、html-select、forms、html-datalist

我想知道Select-Option和Datalist-Option有什么不同。有没有哪种情况下使用其中一种更好呢？下面是每种方法的示例：<select name="browser"><option value="ie">IE</option> <option value="chrom

浏览 132提问于2011-07-29得票数 168

回答已采纳

1回答

滚动页面时，未使用input标记修复datalist

html、html-datalist

我使用的是datalist，但是当下拉列表出现时，如果我滚动页面，下拉列表就会随着页面移动，而不是固定在输入字段中。我正面临着在chrome中的问题，如果同样的测试在firefox中，当页面滚动时，下拉菜单消失，附上下面的代码片段。 <input list="browsers" name="myBr

浏览 0提问于2019-08-27得票数 1

点击加载更多