vue
weixin_41374755
这个作者很懒,什么都没留下…
展开
-
vue如何动态的修改页面元素的属性
假如我们想动态的修改页面元素的属性,比如class属性,这样写是错误的: <div class="{{isAcctive}}"></div> 因为插值表达式不能用在属性的值中。 Vue对class属性进行了特殊处理,可以接收数组或对象格式: 数组语法 我们可以借助于v-bind指令来实现: HTML: <div v-bind:class="isActive"></div> 你的data属性: data:{ isActive:['active','原创 2020-06-26 08:31:22 · 3734 阅读 · 0 评论 -
vue在使用{{}}方式在网速较慢时会出现插值闪烁问题
使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时,页面会显示出原始的{{}},加载完毕后才显示正确数据,我们称为插值闪烁。 我们将网速调慢一些,然后试试看刚才的案例: 刷新页面: 解决方法:使用v-text和v-html指令来替代{{}} 说明: v-text:将数据输出到元素内部,如果输出的数据有HTML代码,会作为普通文本输出 v-html:将数据输出到元素内部,如果输出的数据有HTML代码,会被渲染 示例: HTML: <div id="app"> v-text:原创 2020-06-26 08:07:35 · 397 阅读 · 0 评论