代码之家  ›  专栏  ›  技术社区  ›  fefe

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

  •  0
  • fefe  · 技术社区  · 7 年前

    如何使用 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 回复  |  直到 7 年前
        1
  •  1
  •   Vucko    7 年前

    比较喜欢 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>