用element UI写一个选择题考试页面

您好，下面是一个使用 Element UI 写选择题考试页面的示例：

1. 安装 Element UI:

npm install element-ui -S

2. 在 main.js 中引入 Element UI:

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

3. 创建一个选择题组件：

<template>
  <div>
    <el-card>
      <div slot="header">
        <span>{{ question }}</span>
      </div>
      <el-form>
        <el-form-item v-for="(option, index) in options" :key="index">
          <el-radio v-model="selectedOption" :label="option"></el-radio>
          <span>{{ option }}</span>
        </el-form-item>
      </el-form>
      <div slot="footer">
        <el-button type="primary" @click="submitAnswer">提交答案</el-button>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      question: '请选择正确的答案：',
      options: ['A', 'B', 'C', 'D'],
      selectedOption: ''
    }
  },
  methods: {
    submitAnswer() {
      console.log('您选择了：' + this.selectedOption)
    }
  }
}
</script>

<style scoped>

</style>

这是一个简单的选择题组件，使用了 Element UI 中的 el-card、el-form、el-form-item、el-radio、el-button 组件。您可以根据您的需求自行扩展和定制该组件。