Vue练习六:01_06_记住密码提示框

Demo 在线地址:
https://sx00xs.github.io/test/6/index.html
---------------------------------------------------------------
ide: vscode
文件格式:.vue
解析:(待补)

<template>
  <div id="app">
    <div class="outer">
      <label 
      @mouseover="handleShow"
      @mouseout="handleHide"
      ><input type="checkbox">两周内自动登陆</label>
      <div class="tips" 
      v-show="show"
      >为了您的信息安全,请不要在网吧或公用电脑上使用此功能!</div>
    </div>
  </div>
</template>
<script>
export default {
  data:function(){
    return{
      show:false
    }
  },
  methods:{
    handleShow(){
      this.show = true
    },
    handleHide(){
      this.show=false
    }
  }
}
</script>

 

posted @ 2019-07-29 18:13  sx00xs  阅读(125)  评论(0编辑  收藏  举报