mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-21 04:50:14 +08:00
9db4e0edaa
1. restrain option value to string & number, for find id by value is a huge overhead when where is too many options. 2. use value as option.id, for the same reason 3. imporve the perf of select by remove some bottle neck function
40 lines
878 B
HTML
40 lines
878 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>@import url("https://unpkg.com/element-ui@2.13.0/lib/theme-chalk/index.css");</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<template>
|
|
<el-select v-model="value" placeholder="请选择">
|
|
<el-option
|
|
v-for="item in options"
|
|
:key="item.value"
|
|
:label="item.label"
|
|
:value="item.value">
|
|
</el-option>
|
|
</el-select>
|
|
</template>
|
|
</div>
|
|
|
|
<script src="https://unpkg.com/vue/dist/vue.js"></script>
|
|
<script src="https://unpkg.com/element-ui@2.13.0/lib/index.js"></script>
|
|
<script>var Main = {
|
|
data() {
|
|
var options = []
|
|
for (let i = 0; i < 3000; ++i) {
|
|
options.push({
|
|
label: String(i),
|
|
value: i
|
|
})
|
|
}
|
|
return {
|
|
options,
|
|
value: ''
|
|
}
|
|
}
|
|
}
|
|
var Ctor = Vue.extend(Main)
|
|
new Ctor().$mount('#app')</script>
|
|
</body>
|
|
</html> |