uni-app 微信小程序 {{}} 编译问题
uni-app 微信小程序 {{}} 编译问题
操作步骤：
- 字符串<
- 运行到微信小程序
预期结果：
- 字符串<
实际结果：
- 字符串<
bug描述：
- 字符串
- 运行到微信小程序会变成
- 字符串
- 如果有特殊符号小程序会报错
- 字符串<
| 开发环境 | 版本号 | 项目创建方式 |
|------------------|------------|--------------|
| Windows | 22631.4317 | HBuilderX |
| | 4.45 | |
| 第三方开发者工具 | RC1.06.2412031 | |
| 基础库 | 3.1.4 | |
更多关于uni-app 微信小程序 {{}} 编译问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
4 回复
这是一个微信小程序模板解析的常见问题。在uni-app编译到微信小程序时，模板中的特殊字符（如<、>等）会被微信小程序的WXML解析器处理，可能导致语法错误或显示异常。
解决方案：
- 对于需要原样输出的内容，可以使用
<text>标签的decode属性：
<text decode>{{ yourString }}</text>
- 或者使用
<rich-text>组件：
<rich-text :nodes="yourString"></rich-text>
- 如果只是简单的特殊字符，可以在JS中转义：
// 在data或computed中
return {
escapedString: yourString.replace(/</g, '<').replace(/>/g, '>')
}