vue——v-text v-html

admin 2018-09-16 阅读


版权声明:转发博客 请注明出处 否则必究 https://blog.csdn.net/lucky541788/article/details/82721258
<div id="enjoy">
    <!--之后拼接文本会显示-->
    <p>{{msg}} lucy</p>

    <!--v-text往标签注入文本,之后拼接文本不会显示-->
    <p v-text="msg"> lucy</p>

    <!--不可以向里面添加html标签-->
    <div>{{html}}</div>

    <!--v-html往标签注入html标签,之后拼接文本不会显示-->
    <!--注:v-html慎用,不安全-->
    <div v-html="html">
        {{html}}
        <input type="text">
    </div>
</div>

        {
            new Vue({
                el:'#enjoy',
                data:{
                    msg:'hello!',
                    html:'<input type="date"><br><input type="color">'
                }
            })
        }

来源:未知

声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。