<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<style>
</style>
</head>
<body>
<div id="app">
<h1>v-if 条件</h1>
<button v-on:click="error=!error">Toggle Error</button>
<button v-on:click="success=!success">Toggle Success</button>
<!--<p v-if="error">网络连接错误：404</p>-->
<!--<p v-else-if="success">网络连接成功：200</p>-->
<p v-show="error">网络连接错误：404</p>
<p v-show="success">网络连接成功：200</p>
</div>
</body>
</html>
<script>
new Vue({
el:"#app",
data:{
error:false,
success:false
},
methods:{},
computed:{
}
});
</script>
网友评论