我可以將變量更改為 Vue.js 中的循環嗎？ 例子

Question

每次打印一個項目時，我都想更改變量“fade”。 每次交替對或錯。 這是可能的？ 謝謝！

var vm = new Vue({
  el: '#example',
  data: {
    name: 'Vue.js',
        fade: true,
        items: ['1', '2','3','4']
  }
})

<div id="example">
    <ul v-if="items.length">
  <li v-for="item in items" >
        <h1 v-if="fade">True
        {{fade=false}}
        </h1>
        <h1 v-else>False
<!--        {{fade=true}} -->
        </h1>
  </li>
</ul>

Answer 1

每次打印一個項目時，我都想更改變量“fade”。 每次交替對或錯。 這是可能的？ 謝謝！

var vm = new Vue({
  el: '#example',
  data: {
    name: 'Vue.js',
        fade: true,
        items: ['1', '2','3','4']
  }
})

<div id="example">
    <ul v-if="items.length">
  <li v-for="item in items" >
        <h1 v-if="fade">True
        {{fade=false}}
        </h1>
        <h1 v-else>False
<!--        {{fade=true}} -->
        </h1>
  </li>
</ul>