技术栈

JS动态调用变量

Mr.app2024-10-30 11:26

当存在多个变量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
   })
上一篇:Java Z 垃圾收集器如何彻底改变内存管理
下一篇:【补补漏洞吧】等保测评OpenSSH漏洞补漏方法
相关推荐
2601_94983339
24 分钟前
flutter_for_openharmony口腔护理app实战+知识实现
android·javascript·flutter
东东516
28 分钟前
果园预售系统的设计与实现spingboot+vue
前端·javascript·vue.js·spring boot·个人开发
起风的蛋挞
43 分钟前
Matlab提示词语法
前端·javascript·matlab
Amumu12138
1 小时前
Vue Router(一)
前端·javascript·vue.js
2603_94946210
1 小时前
Flutter for OpenHarmony 社团管理App实战 - 资产管理实现
开发语言·javascript·flutter
VT.馒头
2 小时前
【力扣】2694. 事件发射器
前端·javascript·算法·leetcode·职场和发展·typescript
我是伪码农
2 小时前
Vue 1.30
前端·javascript·vue.js
利刃大大
2 小时前
【Vue】默认插槽 && 具名插槽 && 作用域插槽
前端·javascript·vue.js
艳阳天_.
2 小时前
web 分录科目实现辅助账
开发语言·前端·javascript
热门推荐
01GitHub 镜像站点02Clawdbot 中文汉化版 接入微信、飞书03OpenClaw部署与配置教程:在Mac mini上接入国产大模型与飞书04OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)052026美赛A题智能手机电池续航时间预测的连续时间数学模型06Linux下V2Ray安装配置指南07Claude Code Skills 实用使用手册08Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services09UV安装并设置国内源10在Trae中使用Pencil MCP