处理vue渲染前的显示问题

矫情吗；* 2022-06-09 14:06 223阅读 0赞

添加css

<table style="color:rgb(52,73,94); font-size:15px; width:557px; border-collapse:collapse; padding:0px; margin:0px"> 
 <tbody> 
  <tr style="width:557px; border-collapse:collapse; padding:0px; margin:0px"> 
   <td style="width:557px; border-collapse:collapse; padding:0px; margin:0px"> <pre style="">
     
      
     <div style="min-height:1.5em">
      
       
      <span>[v-cloak]</span> {
     
      
     </div>
     
      
     <div style="min-height:1.5em">  
      
       
      <span style="color:rgb(233,105,0)">display</span>: none;
     
      
     </div>
     
      
     <div style="min-height:1.5em">
      
       
      }
     
      
     </div></pre> </td> 
  </tr> 
 </tbody> 
</table>

给vue对象加上v-cloak

<table style="width:557px; border-collapse:collapse; padding:0px; margin:0px"> 
 <tbody> 
  <tr style="width:557px; border-collapse:collapse; padding:0px; margin:0px"> 
   <td style="width:557px; border-collapse:collapse; padding:0px; margin:0px"> <pre style="">
     
      
     <div style="min-height:1.5em">
      
       
      <span style="color:rgb(41,115,183)">&lt;<span>div</span> <span>v-cloak</span>&gt;</span>
     
      
     </div>
     
      
     <div style="min-height:1.5em">
      
       
        {
       { message }}
     
      
     </div>
     
      
     <div style="min-height:1.5em">
      
       
      <span style="color:rgb(41,115,183)">&lt;/<span>div</span>&gt;</span>
     
      
     </div></pre> </td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，223人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 条件渲染与列表渲染

文章目录 * vue 渲染 * * 条件渲染 * * v-if 与 v-else渲染以及 v-show * 列表渲染 ...

清疚/ 2024年04月18日 23:53/ 0 赞/ 127 阅读

相关 vue条件渲染和列表渲染

1、条件渲染 1.v-if 写法: (1).v-if="表达式" (2).v-else-if="表达式” (3).v-else="表达式”适用于:切换频率较低的场

怼烎@/ 2023年10月02日 22:16/ 0 赞/ 21 阅读

相关 vue中的echart的渲染问题

方法一： this.$nextTick(function () {//使用nextTick为了保证dom元素都已经渲染完毕 const myObserv

清疚/ 2023年07月14日 03:20/ 0 赞/ 52 阅读

相关 css 渲染字体 vue_CSS字体显示：网络上字体渲染的未来

css 渲染字体 vue One of the downsides of using web fonts is that if a font is not available

蔚落/ 2022年12月03日 09:13/ 0 赞/ 333 阅读

相关处理vue渲染前的显示问题

添加css <table style="color:rgb(52,73,94); font-size:15px; width:557px; border-collaps

矫情吗；*/ 2022年06月09日 14:06/ 0 赞/ 224 阅读

相关 Vue_条件渲染和列表渲染

一.条件渲染 1.v-if： v-if=‘name’ ：name值的true 或 false ，决定着这个标签的是否显示 2.v-show： v-show=‘sho

快来打我*/ 2022年05月22日 13:27/ 0 赞/ 324 阅读

相关延迟渲染与前向渲染

The basic idea behind deferred shading is to perform all visibility testing before perfo

阳光穿透心脏的1/2处/ 2022年04月05日 08:38/ 0 赞/ 378 阅读

相关 Django 模板语言渲染的日期显示问题

使用模板语言渲染页面在日期方面如果用默认的\{ \{user.hiredate\}\} （入职时间）默认是显示 XXXX年XX月XX日嗯。。不喜欢想改成

以你之姓@/ 2022年02月24日 08:38/ 0 赞/ 322 阅读

相关 vue循环渲染本地图片,不显示问题解决方法

<div class="rno-lattice-cell disabled" v-for="(item, index) in 8"

墨蓝/ 2021年09月24日 07:08/ 0 赞/ 553 阅读

相关 Vue.js页面渲染出现{{message}}问题处理方法

Vue.js页面渲染出现\{ \{message\}\}问题处理方法业务场景：最近在做JSP项目，然后又引入vue.js做前端，然后启动页面时候出现\{ \{message

小鱼儿/ 2021年09月07日 21:28/ 0 赞/ 465 阅读