如何控制脚本

欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

在 uni-app 中实现这种“总控制”与“子模式”的搭桥，本质上是前端的状态管理与逻辑分发。你可以通过定义响应式变量来保存用户的选择，然后在执行函数中根据这些变量的值，通过条件判断（如 switch 或 if）调用对应的脚本逻辑。

以下是使用 vue3 组合式 api 实现的示例代码：

<template>  
  <view>  
    <!-- 1. 模式选择 -->  
    <view>  
      <text>请选择模式：</text>  
      <button @click="selectMode('autoDungeon')">自动副本</button>  
      <button @click="selectMode('autoFishing')">自动钓鱼</button>  
    </view>  

    <!-- 2. 游戏模式选择（根据所选模式动态显示） -->  
    <view v-if="currentMode === 'autoDungeon'">  
      <text>请选择难度：</text>  
      <button @click="selectDifficulty('hard')">困难</button>  
      <button @click="selectDifficulty('nightmare')">噩梦</button>  
      <button @click="selectDifficulty('purgatory')">炼狱</button>  
    </view>  

    <!-- 3. 启动总控制 -->  
    <button @click="startScript">开始运行</button>  
  </view>  
</template>  

<script setup>  
import { ref } from 'vue'  

// 响应式状态：记录当前选择的模式与难度  
const currentMode = ref('') // 可选值：'autoDungeon', 'autoFishing'  
const currentDifficulty = ref('') // 可选值：'hard', 'nightmare', 'purgatory'  

// 切换模式  
const selectMode = (mode) => {  
  currentMode.value = mode  
  currentDifficulty.value = '' // 切换模式时重置难度  
}  

// 切换难度  
const selectDifficulty = (difficulty) => {  
  currentDifficulty.value = difficulty  
}  

// 具体的执行逻辑函数  
const runAutoDungeon = (difficulty) => {  
  console.log(`正在运行自动副本，难度为：${difficulty}`)  
  // 在这里编写自动副本的具体脚本逻辑  
}  

const runAutoFishing = () => {  
  console.log('正在运行自动钓鱼')  
  // 在这里编写自动钓鱼的具体脚本逻辑  
}  

// 搭桥：总控制启动与分发逻辑  
const startScript = () => {  
  if (!currentMode.value) {  
    uni.showToast({ title: '请先选择模式', icon: 'none' })  
    return  
  }  

  // 根据模式进行逻辑分发  
  switch (currentMode.value) {  
    case 'autoDungeon':  
      if (!currentDifficulty.value) {  
        uni.showToast({ title: '请选择副本难度', icon: 'none' })  
        return  
      }  
      runAutoDungeon(currentDifficulty.value)  
      break  
    case 'autoFishing':  
      runAutoFishing()  
      break  
    default:  
      console.log('未知模式')  
  }  
}  
</script>

本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

核心搭桥思路说明：

1. 状态存储：使用 ref 定义 currentMode 和 currentDifficulty，用于在用户点击按钮时保存当前的选择状态。
2. UI 联动：使用 v-if 判断 currentMode 的值，只有当选择了“自动副本”时，才显示难度选择的按钮。
3. 逻辑分发（搭桥）：在 startScript 函数中，通过 switch 语句识别 currentMode 的值。如果是 autoDungeon，则进一步检查难度并调用 runAutoDungeon；如果是 autoFishing，则直接调用 runAutoFishing。这样就实现了从“选择”到“运行”的桥接。