el-select下拉数据实现国际化处理

 

下面实现中英文切换是基于页面刷新才可实现的；如果不想页面刷新，请将翻译内容写在computed属性里。如果不是很清楚，请查看这里

<template>
    <div>
       <el-form :model="form" :rules="rules" ref="form">
             <el-select v-model="form.food" @change="$set(form, form.food, $event)">
                  <el-option 
                       v-for="(item, index) in foods"
                        :key="index"
                        :label="$t(item.label)"
                        :value="item.value"
                    >
                    </el-option>
            </el-select>
        </el-form>
    </div>
</template>
<script>
export default {
    data() {
        return {
            form: {
                food: ''
            },
            // label值为中英文翻译的值
            cities: [
                { label: 'Beef', value: 'beef' },
                { label: 'Chicken', value: 'chicken' }
            ]
        }
    }
}
</script>