Vue中使用差值表达式{{}} , 差值闪烁问题

朴灿烈づ我的快乐病毒、 2023-02-24 11:20 9阅读 0赞

[精选30+云产品，助力企业轻松上云！>>> ![hot3.png][]][30_ _hot3.png]

举例:

![up-ac6e8411b24fd054c2aa04fe37dc6652bb0.png][]

<template>
      <div>
          <h1>{
        { name.substring(1) }} 非常帅</h1>
          <h1>有{
        { num*2 }}位 {
        { hhh }} 为{
        { name }}着迷</h1>
      </div>
    </template>
    
    <script>
    export default {
      data() {
        return {
          name:'赫哥',
          num:1,
          hhh:'女神'
        }
      },
    }
    </script>
    
    <style>
    
    </style>

在网速慢的情况下，就会出现代码。

可用谷歌进行可以改变网速,查看问题:

![up-a2598b7f2bd8702a953c0b012fa14d5aff2.png][]

# 解决方法：使用v-test or v-html标签 #

<template>
      <div>
          <h1 v-test="name.substring(1)"> 非常帅</h1>
          <div  v-html="hhh"> </div>
      </div>
    </template>
    
    <script>
    export default {
      data() {
        return {
          name:'赫哥',
          hhh:'<h1>有2位女神为赫哥着迷</h1>'
        }
      },
    }
    </script>
    
    <style>
    
    </style>

[hot3.png]: /images/20230209/ec9b6e9f46184e50ac00e11e313af86c.png
[30_ _hot3.png]: https://www.oschina.net/action/visit/ad?id=1221
[up-ac6e8411b24fd054c2aa04fe37dc6652bb0.png]: /images/20230209/7fe77b95384741d4a6aee29efd737937.png
[up-a2598b7f2bd8702a953c0b012fa14d5aff2.png]: https://oscimg.oschina.net/oscnet/up-a2598b7f2bd8702a953c0b012fa14d5aff2.png

发表评论取消回复

表情：

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

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

相关阅读

相关求数组中的最大差值或最小差值

描述给出长度为n的整数数组arr\[n\], 有n个整数，求出数组中两个数的最大差值。算法可以先求出最大值和最小值,在一轮循环中求出最大值和最小值，时间...

曾经终败给现在/ 2024年04月17日 05:33/ 0 赞/ 75 阅读

相关 R语言中使用`diff()`函数计算向量数据的滞后差值或者迭代差值

R语言中使用`diff()`函数计算向量数据的滞后差值或者迭代差值在R语言中，你可以使用`diff()`函数来计算向量数据的滞后差值或者迭代差值。`diff()`函数可以帮

我就是我/ 2024年03月24日 21:41/ 0 赞/ 78 阅读

相关什么是差值表达式

在Vue.js中，差值表达式是一种基本的数据绑定形式，用于将数据绑定到文档对象模型（DOM）上。差值表达式通常使用双大括号 `{ { }}` 来表示，这种语法非常直观。当Vue

清疚/ 2024年02月05日 21:39/ 0 赞/ 55 阅读

相关 Vue中使用差值表达式{{}} , 差值闪烁问题

[精选30+云产品，助力企业轻松上云！>>> ![hot3.png][]][30_ _hot3.png] 举例: ![up-ac6e8411b24fd054c2aa04fe

朴灿烈づ我的快乐病毒、/ 2023年02月24日 11:20/ 0 赞/ 10 阅读

相关最大差值

题目描述有一个长为n的数组A，求满足0≤a≤b<n的A\[b\]-A\[a\]的最大值。给定数组A及它的大小n，请返回最大差值。测试样例： \[10

布满荆棘的人生/ 2022年06月12日 09:38/ 0 赞/ 180 阅读

相关日期差值问题

题目有两个日期，求两个日期之间的天数，如果两个日期是连续的我们规定他们之间的天数为两天输入有多组数据，每组数据有两行，分别表示两个日

灰太狼/ 2022年05月31日 22:53/ 0 赞/ 214 阅读

相关日期差值

问题 : 日期差值题目描述有两个日期，求两个日期之间的天数，如果两个日期是连续的我们规定他们之间的天数为两天。输入有多组数据，每组数据有

ゝ一纸荒年。/ 2022年05月28日 23:05/ 0 赞/ 218 阅读

相关 Codeup墓地—问题 A: 日期差值

题目描述有两个日期，求两个日期之间的天数，如果两个日期是连续的我们规定他们之间的天数为两天。输入有多组数据，每组数据有两行，分别表示两个日期，形式为YYYY

小咪咪/ 2022年02月28日 04:54/ 0 赞/ 200 阅读

相关 Codeup 1000001928: 日期差值

1928: 日期差值时间限制: 1 Sec 内存限制: 32 MB 题目描述有两个

ゝ一世哀愁。/ 2022年02月04日 16:35/ 0 赞/ 238 阅读

相关【codeup 1928】日期差值

题目地址：[http://www.codeup.cn/problem.php?cid=100000578&pid=0][http_www.codeup.cn_problem.p

蔚落/ 2021年09月13日 22:06/ 0 赞/ 297 阅读