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
   })
相关推荐
叫我一声阿雷吧7 分钟前
【JS 实战案例】用 JS 实现页面滚动到指定位置(带动画)
javascript·页面交互·js实战案例·平滑滚动·前端零基础·锚点导航
We་ct16 分钟前
React 更新触发原理详解
开发语言·前端·javascript·react.js·面试·前端框架·react
还是大剑师兰特22 分钟前
Vue3 页面权限控制实战示例(路由守卫 + 权限判断)
开发语言·前端·javascript
跟着珅聪学java44 分钟前
Vue 2 + CommonJS 写法开发教程
前端·javascript·vue.js
qq_246100051 小时前
CSDN risk probe 1773588273
开发语言·javascript·ecmascript
ByteCraze2 小时前
Vue 递归组件实战:手写一个文件/文件夹树形组件
javascript·vue.js·ecmascript
前端Hardy2 小时前
前端如何防止用户重复提交表单?4 种可靠方案(附防坑指南)
前端·javascript·面试
前端Hardy2 小时前
用户真的关掉页面了吗?前端精准检测页面卸载的 4 种方法(附避坑指南)
前端·javascript·面试
yangyanping201082 小时前
Vue入门到精通七之关键字const
前端·javascript·vue.js