SOURCE

console 命令行工具 X clear

                    
>
console
var app = new Vue({
    el: '#app',
    data () {
        return {
            radio: '',
            options: [],
            equipment: ''
        }
    },
    methods: {
        radioChange (val) {
            if (val === 'AP') {
                this.options = [
                    {name: '灭世之帽', val: 'hat'},
                    {name: '时光之杖', val:'cane'}
                ]
            } else {
                this.options = [
                    {name: '卢安娜飓风', val: 'wind'},
                    {name: '海妖杀手', val:'killer'}
                ]
            }
            this.equipment = this.options[0].val
        }
    }
})
<div id="app">
    <el-radio-group v-model="radio" @change="radioChange">
        <el-radio label="AP">法师</el-radio>
        <el-radio label="AD">射手</el-radio>
    </el-radio-group>
    <div>
        <el-select v-model="equipment">
            <template v-for="item in options">
                <el-option :label="item.name" :value="item.val" :key="item.val"></el-option>
            </template>
        </el-select>
    </div>
</div>
#app {
    width: 200px;
    color: #fff;
}

本项目引用的自定义外部资源