Vue2 v-show проверяет пустые строки в цикле - PullRequest
0 голосов
/ 06 июня 2018

Как проверить внутри цикла с v-show пустыми элементами с помощью vuejs2.Я пробовал следующее, но безрезультатно

<div v-for="user in $store.state.users.data">
   <ul>
       <li v-show="user.mobil !== null ||  user.mobil !== ''" >
              <a v-bind:href="'tel://' + user.mobil"> <i class="fa fa-mobile-phone"></i> <span>{{ user.mobil }} </span></a>
       </li>
   </ul>
</div>

enter image description here

1 Ответ

0 голосов
/ 06 июня 2018

Сравнить как v-show="user.mobil":

new Vue({
  el: '#app',
  data: {
    users: [{
        mobil: '123',
        name: 'Foo'
      },
      {
        mobil: '',
        name: 'Bar'
      },
      {
        mobil: null,
        name: 'Baz'
      },
    ]
  }
})
<script src="https://unpkg.com/vue"></script>

<div id="app">
  <div v-for="user in users">
    <ul>
      <li v-show="user.mobil">
        {{user.name}}
      </li>
    </ul>
  </div>
</div>
...