vue中动态获取变量名并赋值方式
更新时间：2025年04月03日 09:41:34 作者：周家大小姐.
这篇文章主要介绍了vue中动态获取变量名并赋值方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue中动态获取变量名并赋值
需求根据vuex返回的数据，动态针对每个data中指定的变量改为true但如果一个个if去手写就太麻烦了；所以前缀相同尾部为I做为结束方便使用。
效果
data () {
return {
video0: '',
video1: '',
video2: '',
video3: '',
video4: '',
video5: ''
}
}, cuVal.forEach((item, i) => {
item.refs = 'video' + i
if (item.url) {
this[`${'video' + i}`] = true
this.startPlay(item, i)
}
})总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue swipe自定义组件实现轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
本文介绍了如何使用下载进度条来展示下载进度的方法,并展示了相关的效果图,结合实例代码介绍了vue elementui 大文件进度条下载的方法,感兴趣的朋友一起看看吧2025-01-01
这篇文章主要介绍了vue3-ace-editor如何配置语法问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
这篇文章主要介绍了Vue-cli 如何将px转化为rem适配移动端,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-07-07
这篇文章主要介绍了Vue element-ui父组件控制子组件的表单校验操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了vue实现中部导航栏布局功能，本文图文并茂，代码实例相结合介绍的非常详细，需要的朋友参考下吧2019-07-07
本篇文章主要介绍了Vue2学习笔记之数据交互vue-resource ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
公司某项目需求在页面显示的组件是根据角色变化而变化的，怎么实现这个效果呢，下面小编给大家介绍下Vue3的setup在el-tab中动态加载组件的方法,需要的朋友可以参考下2022-11-11
swiper是我之前做前端页面会用到的一个插件,我自己认为是非常好用的。这篇文章给大家介绍vue-swiper的使用教程，感兴趣的朋友一起看看吧2018-08-08
这篇文章主要给大家介绍了关于vue3使用localStorage实现登录注册功能的相关资料, localStorage这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题,需要的朋友可以参考下2023-06-06
最新评论