Question

我的vue.js应用程序我想知道v-for指令中的最后一个重复元素。我知道angularjs中$last指令中的<div ng-repeat="(key, value) in myObj"> <span ng-if="$last">Shows if it is the last loop element</span> </div>循环变量有类似内容：

vue.js

span中是否有任何我不知道的对应物，或者我是否必须实现一些自己的逻辑？

Answer 1

它对我有用:)

<div v-for="(item, index) in items">
    <span  v-if="index === (items.length-1)">This is the last loop element</span>
</div>

Answer 2

您还可以将逻辑放在计算属性中：

  <div v-for="(value, key) in myObj">
    <span v-if="key === last">This is the last loop element : {{ value }}</span>
  </div>

  //...
  computed: {
    last() {
      let keys = Object.keys(this.myObj)
      return keys.slice(-1)[0]
    }
  }

fiddle here

Answer 3

Vue中没有相应的内容，没有。

Answer 4

你可以这样做，检查索引是否是最后一次

  <div v-for="(value, key, index) in myObj">
     <div v-if="index === Object.keys(myObj).length-1"> my content</div>
  </div>

Answer 5

你可以试试这个

Request.Form["__EVENTTARGET"]

Answer 6

基于@Nisha回答我一直这样做：

null

我希望循环始终在第一次发生，但有条件地检查之后每个循环的值。我使用service logstash status标记来避免输出不必要的标记。在我的示例中，originalData是一个对象数组。

Vue.js中的循环变量类似于AngularJS

6 个答案:

你可以试试这个