亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue 怎樣做到點擊一個input就只有它下面的icon顯示,而不是所有都顯示

vue 怎樣做到點擊一個input就只有它下面的icon顯示,而不是所有都顯示

慕妹3242003 2018-11-21 13:13:02
<div class="line">  <div>{{ lists.nick }}</div>  <div class="light_color">    <input @focus="focus" @blur="blur" v-model="nick"><!--paremeter.nick--><!---->    <i @click="clear" class="iconfont icon-iconziti56"></i>  </div></div><div class="line">  <div>{{ lists.valid_mobile }}</div>  <div class="light_color" v-if="paremeter.valided_mobile == 0">    <input @focus="focus" @blur="blur" v-model="paremeter.valid_mobile">    <i @click="clear" class="iconfont icon-iconziti56"></i>  </div>  <div v-else class="light_color">    {{ paremeter.valid_mobile }}  </div></div>
查看完整描述

1 回答

?
慕仙森

TA貢獻1827條經驗 獲得超8個贊

    <div id="app">

      <input type="text" v-model='nick'>

      <span v-show='show'>DEMO</span>

    </div>

    <script>

    new Vue({

      el:'#app',

      data:{

        nick:''

      },

      computed:{

        show(){

          if(this.nick.length > 5) return true;

          else return false;

        }

      }

    })

    </script>


查看完整回答
反對 回復 2018-12-10
  • 1 回答
  • 0 關注
  • 774 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號