@@ -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')"/>
@@ -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:{