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
   })
相关推荐
小高00715 分钟前
深入理解 package.json:前端项目的 "身份证"
前端·javascript·vue.js
lichenyang45319 分钟前
Next.js 学习笔记:从约定式路由到 Tailwind、Image、Font 优雅整合。
前端·javascript·全栈
修罗-zero28 分钟前
vue在获取某一个div的大小,怎么确保div渲染好,内容撑开后才去获取大小
前端·javascript·vue.js
zhougl99631 分钟前
NoSQL 数据库和内存数据库 - MongoDB简单了解
java·前端·javascript
爱学习的马喽39 分钟前
React钩子函数完全指南:从useState到useEffect的实战详解与场景剖析
前端·javascript·react.js
SamsongSSS1 小时前
JavaScript逆向Vue处理事件和捕获错误的核心逻辑
前端·javascript·vue.js·逆向
码银1 小时前
【简易聊天室】使用 HTML、CSS、JavaScript 结合 WebSocket 技术实现
javascript·css·node.js·html
桃子不吃李子1 小时前
一些工具的使用
javascript·mongodb·node.js
晴殇i2 小时前
DOM嵌套关系全解析:前端必备的4大判断方法与性能优化实战
前端·javascript·面试
字节拾光3 小时前
console.log 打印 DOM 后内容变了?核心原因是 “引用” 而非 “快照”
javascript