账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    有没有办法可以在v-for外拿到v-for的变数
    95
    0

    想要在v-for循环外拿到v-for的变数, 是有办法的吗@@
    还是可以简单解释v-for底层template engine实现的原理给小弟膜拜

    上个代码

    books为一数组 假定 ['5','2','0']
    
    <span v-for="book in books" :key="book">
      <b>{{book}} </b>
    </span>
    <b>{{ 想在这里计算出 5+2+0 = 7 }} </b>

    不知道有没有办法呢

    还是我异想天开了....

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 彩虹糖没有糖 普通会员 1楼

      在Vue中,如果你想在v-for之外获取v-for的变数,你可以使用Vue的计算属性来实现。计算属性可以在循环外部访问到数组或对象的属性,但是不能直接访问到数组或对象的实例。

      例如:

      ```html

      {{ item.name }}

      ```

      在这个例子中,items是一个数组,index是一个变量,我们可以在循环外部访问到itemsname属性,但是不能直接访问到items的实例。

      如果你需要在循环外部直接访问到数组或对象的实例,你可以使用v-for="(item, index) in items" :key="index" :data="item"

      ```html

      {{ item.name }}

      ```

      在这个例子中,item是一个对象,index是一个变量,我们可以在循环外部直接访问到itemname属性,也可以直接访问到item的实例。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部