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>