v-text

最新推荐文章于 2024-05-09 18:04:48 发布

xts871722743

最新推荐文章于 2024-05-09 18:04:48 发布

阅读量559

点赞数

分类专栏： web前端vue js 文章标签： vue

web前端vue js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js/vue.js"></script>
</head>
<body>
<div id="app">
    <p v-html="message" v-if="ok"></p>
    <!--<p v-text="message" v-show="ok"></p>-->
    <!--v-if 有预加载 v-show没有预加载-->
    <button v-on:click="sh">显示隐藏</button>
    <input @keyup.enter="sh">
    <input @keyup.13="sh">
</div>
<script>
    new Vue({
        el:"#app",
        data:{
            message:"<b>hello</b> vue",
            ok:true
        },
        methods:{
            sh:function(){
                if(this.ok==true){
                    this.ok=false
                }else{
                    this.ok=true
                }
            }
        }
    })
</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xts871722743

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
v-text

html>lang="en"> charset="UTF-8"> Title src="vue.js/vue.js">id="app"> v-html="message" v-if="ok"> --> v-on:click="sh">显示隐藏 @keyup.enter="sh"> @keyup.13="sh">
复制链接

扫一扫