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
   })
相关推荐
吴声子夜歌3 分钟前
Vue3——组件基础
前端·javascript·vue.js
Southern Wind12 分钟前
Vue 3 + Socket.io 实时聊天项目完整开发文档
前端·javascript·vue.js
qq_4198540516 分钟前
clip-path绘制倾斜角裁剪的矩形占比条;基于svg实现仪表盘弧线占比图。
前端·javascript·vue.js
神明不懂浪漫34 分钟前
【第一章】HTML(一)——HTML简述及常用标签
前端·javascript·css·html·css3
英俊潇洒美少年1 小时前
React18 Hooks 项目重构为 Vue3 组合式API的坑
前端·javascript·重构
zs宝来了1 小时前
Vite 构建原理:ESBuild 与模块热更新
前端·javascript·框架
英俊潇洒美少年4 小时前
Vue2/Vue3 vue-i18n完整改造流程(异步懒加载+后端接口请求)
前端·javascript·vue.js
空中海10 小时前
第七章:vue工程化与构建工具
前端·javascript·vue.js
zhensherlock10 小时前
Protocol Launcher 系列:Trello 看板管理的协议自动化
前端·javascript·typescript·node.js·自动化·github·js
渔舟小调11 小时前
P19 | 前端加密通信层 pikachuNetwork.js 完整实现
开发语言·前端·javascript