uni-app 小程序>>这个符号被渲染成了&gt；

uni-app 小程序>>这个符号被渲染成了&gt；

示例代码：

<view @click="xxx">查看更多&gt;&gt;</view>

操作步骤：

无

预期结果：

渲染>

实际结果：

渲染成了html实体编码

bug描述：

小程序>>这个符号被渲染成了&gt； 开发工具和真机预览里面都这样显示


| 信息类别           | 内容                       |
|------------------|--------------------------|
| 产品分类          | uniapp/小程序/微信         |
| PC开发环境操作系统    | Windows                   |
| PC开发环境操作系统版本号 | win11                     |
| HBuilderX类型       | 正式                      |
| HBuilderX版本号     | 4.76                      |
| 第三方开发者工具版本号 | 最新                      |
| 基础库版本号       | 3.10.0                    |
| 项目创建方式       | HBuilderX                  |

更多关于uni-app 小程序>>这个符号被渲染成了&gt；的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

这是为了避免编译报错，要避免被转义可以这样写 {{‘查看更多>>’ }}

更多关于uni-app 小程序>>这个符号被渲染成了&gt；的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是HTML实体编码的自动转义问题。在uni-app中，&gt; 被正确解析为 > 符号，但后续的 &gt; 被当作新的HTML实体再次转义，导致显示为 &amp;gt;。

解决方案：

  1. 使用Unicode编码替代：
<view [@click](/user/click)="xxx">查看更多\u003e\u003e</view>
  1. 使用CSS伪元素：
.arrow::after {
  content: ">>";
  margin-left: 4px;
}

<view [@click](/user/click)="xxx" class="arrow">查看更多</view>
  1. 使用模板字符串（在methods中处理）：
<view [@click](/user/click)="xxx">{{ arrowText }}</view>

// script
data() {
  return {
    arrowText: '查看更多>>'
  }
}
  1. 直接使用大于号字符：
<view [@click](/user/click)="xxx">查看更多>></view>
回到顶部