v-html后数据的显示隐藏

快来打我* 2023-05-22 06:59 268阅读 0赞

真的我都不想吐槽我自己，今天做我们公司自己的产品，叫啥名我就先不说了，我现在要吐槽的是。我再拿到后台数据接口的时候用v-html表示出来的，但是项目需求太恶心人了，他竟然要对产生的数据进行部分显示隐藏。巧了，我tm又不会，整了半天也没有弄好。最后还是请教老同桌帮我解决的。  
具体步骤如下：

#### 这是我同桌给我的demo ####

<template> <div> <div :style="{ height: '500px',overflow: visible?'visible':'hidden'}"> 这是一大堆内容 这是一大堆内容 这是一大堆内容 这是一大堆内容 这是一大堆内容 这是一大堆内容 这是一大堆内容 这是一大堆内容 这是一大堆内容 <button @click="show"></button> </div> </div> </template> <script> export default { 
      name:'demo', data(){ 
        return{ 
          description: 'demo',
    
          visible: false,
        }
      }, methods:{ 
        show(){ 
          this.visible = !this.visible
        }
      }
    }
    </script>
    
    
    <style lang="scss" scoped>
    
    </style>

#### 接下来才是重点 ####

template里

<div v-html="title" :style="{height: visible?'150px':'auto',overflow: 'hidden'}" @click="show"></div>

js里

export default { 
      name:'demo',
      data(){ 
        return{ 
          description: 'demo',
    
          visible: false,
        }
      },
      methods:{ 
        show(){ 
          this.visible = !this.visible
        }
      }
    }

欧克，就这样。非常感谢我的同桌。

发表评论取消回复

表情：

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

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

相关阅读

相关 Linux系统中彻底隐藏你的进程(隐藏后如何恢复显示？)

在前文中，我展示了一个超级简单的rootkit辅助工具： [https://blog.csdn.net/dog250/article/details/105292504][

谁借莪１个温暖的怀抱￠/ 2023年07月23日 10:57/ 0 赞/ 54 阅读

相关 v-html后数据的显示隐藏

真的我都不想吐槽我自己，今天做我们公司自己的产品，叫啥名我就先不说了，我现在要吐槽的是。我再拿到后台数据接口的时候用v-html表示出来的，但是项目需求太恶心人了，他竟然要对产

快来打我*/ 2023年05月22日 06:59/ 0 赞/ 269 阅读

相关显示隐藏文件和显示隐藏扩展名

显示隐藏文件、扩展名 \`缺点：要手刷新一下，才能看到效果\` XP 隐藏和显示：文件显示和隐藏：扩展名 WIN10

￡神魔★判官ぃ/ 2022年12月31日 04:26/ 0 赞/ 237 阅读

相关 HTML字体显示两秒之后隐藏

关键代码 <script> $(document).ready( function() { / 1.delay函数是jquery 1.4.2新增的函数 2.hide函

ゝ一纸荒年。/ 2022年11月21日 11:35/ 0 赞/ 146 阅读

相关隐藏菜单显示

![请添加图片描述][cd91319d26304196a55a51ee69dbe57c.gif] <!DOCTYPE html> <html lang="en

谁借莪１个温暖的怀抱￠/ 2022年09月01日 13:59/ 0 赞/ 267 阅读

相关 CSS 超长文本的隐藏和鼠标覆盖后显示

在 BootStrap Table 实践中，数据文本过长导致文本本身溢出表格区域，为了实现鼠标覆盖能够显示文本，正常状况下省略显示。 CSS 文件，代码示例： .h

深藏阁楼爱情的钟/ 2022年07月13日 07:39/ 0 赞/ 514 阅读

相关关于循环输出后怎么控制隐藏显示

今天在做前端一个小功能的时候，需要将循环输出的隐藏和显示，但他们是一起循环出来的，F12后发现他们的确是具有相同的id、class的标签，在页面上需要按特定条件隐藏和显示，之前

悠悠/ 2022年06月11日 02:13/ 0 赞/ 172 阅读

相关显示与隐藏

[vueJS简单的点击显示与隐藏的效果][vueJS] 目前前端框架太多，接触过angular、ember，现在开始倒腾vue 此处用到v-if、v-else、v-sh

淩亂°似流年/ 2022年06月04日 08:07/ 0 赞/ 336 阅读

相关 jquery判断元素是否是隐藏的(隐藏的显示,显示的隐藏)

if(node.is(':hidden')){　　//如果node是隐藏的则显示node元素，否则隐藏　　node.show();　 }else{

梦里梦外;/ 2022年03月25日 05:51/ 0 赞/ 370 阅读

相关隐藏表格的行显示后布局混乱的问题

1.在做项目时用了一个表格做注册，不同类型人的身份填写内容不同，所以有些内容会隐藏。 2.原本隐藏了表格的一行(改行置为display:none)，但是在显示表格(disp

我就是我/ 2022年03月18日 08:22/ 0 赞/ 434 阅读