选择指令

xiaoxiao2021-02-28  40

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title></title> </head> <body> <div id="container"> <p>{{msg}}</p> <p v-if="isMember">仅会员可见</p> <p v-if="answer=='a'">A</p> <p v-else-if="answer == 'b'">B</p> <p v-else-if="answer == 'c'">C</p> <p v-else>D</p> </div> <script> new Vue({ el:'#container', data:{ msg:'Hello Vue', isMember:true, answer:'c' } }) </script> </body> </html>
转载请注明原文地址: https://www.6miu.com/read-2613948.html

最新回复(0)