Vue2 v-show在循环中验证空字符串

时间:2018-06-06 11:48:41

标签: string validation vuejs2 is-empty

如何使用vuejs2使用v-show空项验证循环内部。我正在尝试以下但没有任何结果

<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 :(得分:1)

比较v-show="user.mobil"

&#13;
&#13;
new Vue({
  el: '#app',
  data: {
    users: [{
        mobil: '123',
        name: 'Foo'
      },
      {
        mobil: '',
        name: 'Bar'
      },
      {
        mobil: null,
        name: 'Baz'
      },
    ]
  }
})
&#13;
<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>
&#13;
&#13;
&#13;