Pārlūkot izejas kodu

add a select option

night-cherry 1 mēnesi atpakaļ
vecāks
revīzija
d8685a2032
2 mainītis faili ar 36 papildinājumiem un 1 dzēšanām
  1. 13 0
      index.html
  2. 23 1
      index.js

+ 13 - 0
index.html

@@ -19,6 +19,19 @@
 		<div v-t="'messages.username'"></div>
 		{{$t('messages.login')}}
 		<p>after i18n label</p>
+		<el-select
+		v-model="value"
+		placeholder="Select"
+		size="large"
+		style="width: 240px"
+	  >
+		<el-option
+		  v-for="item in options"
+		  :key="item.value"
+		  :label="item.label"
+		  :value="item.value"
+		/>
+	  </el-select>
 		<label @click="changelang('zh')">中文</label>
 		<label @click="changelang('en')">english</label>
 		<!--<input type="button" text="中文" @click="changelang('zh')"/>

+ 23 - 1
index.js

@@ -56,7 +56,29 @@ const app=createApp({
     return{
       info:`<span style='color:red; font-size:30px'>hello vue template</span>`,
       number:0,
-      locale:null
+      locale:null,
+      options:[
+        {
+          value: 'Option1',
+          label: 'Option1',
+        },
+        {
+          value: 'Option2',
+          label: 'Option2',
+        },
+        {
+          value: 'Option3',
+          label: 'Option3',
+        },
+        {
+          value: 'Option4',
+          label: 'Option4',
+        },
+        {
+          value: 'Option5',
+          label: 'Option5',
+        },
+      ]
     }
   },
   methods:{