weex.js - 如何循环变量传递到事件处理

Question

我运行这段代码：

<template> 
    <div> 
     <text onclick="log(items[0])">outside the loop</text> 
     <div repeat="item in items"> 
      <text onclick="log(item)">{{item}}</text> 
     </div> 
    </div> 
</template> 
<script> 
    module.exports = { 
     data: { 
      items: ['foo'] 
     }, 
     methods: { 
      log: function(item) { 
       console.log(item); 
      } 
     } 
    } 
</script> 

当我点击，我看到foo，但“罗布泊外”当我点击“富“，我看到undefined。我怎样才能将循环变量传递给事件处理程序？

Answer 1

这个演示是在本机代码环境（我测试使用的是iOS WeexSDK）确定。 也许这是浏览器中的一个错误。

顺便说一下，您可以在最新的WeexSDK中使用vuejs语法，并且它对循环变量没有任何问题。

演示：http://dotwe.org/vue/658afd881a720ab0c877a5bb2d88b9f4

Answer 2

在环路范围内使用提供$指数变量：

<div repeat="item in items"> 
    <text onclick="log(items[$index])">{{item}}</text> 
</div> 

Answer 3

如果我使用VUE

<template> 
    <div> 
     <text @click="log(items[0],$event)">outside the loop</text> 
     <div v-for="item in items"> 
      <text @click="log(item,$event)">{{item}}</text> 
     </div> 
    </div> 
    </template> 
    <script> 
    module.exports = { 
     data: { 
      items: ['foo'] 
     }, 
     methods: { 
      log: function(item,e) { 
       console.log(item); 
      } 
     } 
    } 
    </script>