vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue动态获取变量名并赋值

vue中动态获取变量名并赋值方式

作者:周家大小姐.

这篇文章主要介绍了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)
                }
              })

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文