JS动态调用变量

当存在多个变量checkbox1、checkbox2、checkbox3、checkbox4的变量时

javascript 复制代码
 -常规调用:
 if(条件A){
   this.$refs.checkbox1.check = true
}
 if(条件B){
   this.$refs.checkbox2.check = true
}
或者使用switch  case
js 复制代码
 -动态调用: 
   var result = 2  
   // 在dom渲染完成再给checkbox赋值
   this.$nextTick(() => {
      this.$refs[`checkbox${result}`].checked = true
   })
相关推荐
前端摸鱼匠22 分钟前
Vue 3 的defineProps编译器宏:详解<script setup>中defineProps的使用
前端·javascript·vue.js·前端框架·ecmascript
天外天-亮24 分钟前
Vue2.0 + jsmind:开发思维导图
javascript·vue.js·jsmind
蜡台1 小时前
JavaScript async和awiat 使用
开发语言·前端·javascript·async·await
tzy2331 小时前
AI 对话的流式输出详解——不止于SSE
javascript·ai·llm·sse·readablestream
挖稀泥的工人1 小时前
能够插入 DOM 的输入框
前端·javascript·vue.js
没有故事、有酒1 小时前
Vue2中el-table修改表头高度和行高
javascript·vue.js·elementui
把csdn当日记本的菜鸡1 小时前
Vue3 响应式 API 简单学习
javascript·vue.js·学习
小李子呢02111 小时前
前端八股5---组件通信
前端·javascript·vue.js
vmiao1 小时前
【JS进阶】模拟正确处理并渲染后台数据
前端·javascript
Wect1 小时前
JS手撕:函数进阶 & 设计模式解析
前端·javascript·面试