Vue Element-ui PHP 实现随机抽题

最新推荐文章于 2023-06-09 17:20:53 发布

laoyaotask

最新推荐文章于 2023-06-09 17:20:53 发布

阅读量590

点赞数

分类专栏： Vue 文章标签： vue.js ui php

本文链接：https://blog.csdn.net/laoyaotask/article/details/122392560

版权

本文介绍如何使用Vue.js的Element UI库和PHP实现一个随机抽题的功能。用户点击开始按钮，文本框将显示1到9之间的一个随机数，并改变开始按钮为停止。点击停止按钮时，数字停止变化并显示对应题目的内容。同时提供一个重置按钮，用于清除当前选择的题目。

摘要由CSDN通过智能技术生成

需求如题。点击开始按钮后，在一个文本框中显示跳转的数字，从1至9，同时开始按钮的文字变为停止，点击停止数字不再跳动，显示当前数字对应的题目内容。另设一个重置按钮，清空当前所选题目。

html部分

<!--显示操作按钮-->
<el-row style=" text-align: left;">
      <h2>二、随机抽取题</h2>
      <div style="padding-left: 52px;">
        <el-button type="primary" style="font-size: 26px; font-weight: bold; " @click="choose()"><i class="el-icon-magic-stick"></i> {
  { btnText}}
        </el-button>
        <el-button v-if="showResetBtn" type="danger" style="font-size: 26px; font-weight: bold; " @click="reset()"><i class="el-icon-s-home"></i> 重 置
        </el-button>
      </div>
    </el-row>
    
    <!--显示抽题结果-->
    <el-row style="margin-top: 1rem;padding-left: 52px;">
        <