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
   })
相关推荐
Beginner x_u39 分钟前
前端八股整理|JavaScript|高频小题 01
开发语言·前端·javascript
Mr Xu_1 小时前
Vue3 + Leaflet实战:深入解析MarkerCluster点位聚合插件的使用与优化
前端·javascript·vue.js
D_C_tyu1 小时前
Vue + Leaflet 实现地图任意点位点击查看时间功能
前端·javascript·vue.js
白叔King1 小时前
aardio时间日期转换中文时间
前端·javascript·aardio
斯班奇的好朋友阿法法1 小时前
ollama离线导入大模型
服务器·前端·javascript
kyriewen1 小时前
MutationObserver:DOM界的“卧底”,暗中观察每个风吹草动
前端·javascript·面试
TON_G-T2 小时前
100行实现Mini React
前端·javascript·react.js
多行不易2 小时前
JavaScript与Sonic前端交互:构建可视化数字人生成界面
javascript·数字人·viewui·sonic
1314lay_10072 小时前
Element Plus左侧侧边栏按照屏幕宽度来确定显示和隐藏,如果太小的话,侧边栏消失,菜单会变成一个小按钮,点击按钮以模态框弹出
javascript·vue.js·elementui
看客随心2 小时前
vue + elementPlus大屏项目使用autofit做适配及注意点
前端·javascript·vue.js