vue v-show指令
Posted 1点
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue v-show指令相关的知识，希望对你有一定的参考价值。
demo:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue入门</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> </head> <body> <div id="first"> <div v-show="show">看到啦</div> <button @click="handleclick">按钮</button> </div> <script> new Vue({ el:"#first", data:{ show:true }, methods:{ handleclick:function(){ this.show=!this.show; } } }) </script> </body> </html>
效果：
2018-05-02 00:04:15
以上是关于vue v-show指令的主要内容，如果未能解决你的问题，请参考以下文章