uni-app使用转义字符

最新推荐文章于 2024-07-10 20:53:11 发布

是拾玖不是十九

最新推荐文章于 2024-07-10 20:53:11 发布

阅读量3.4k

点赞数 3

分类专栏：项目记录前端 uni-app

本文链接：https://blog.csdn.net/qq_39131699/article/details/116053898

版权

在uni-app开发中遇到需要显示<>的情况，直接插入会触发DOM错误。通过查找原因，发现编译后会被转换为实际标签。解决方法是创建一个变量存储转义字符，并在模板中引用该变量，从而成功显示。

摘要由CSDN通过智能技术生成

需求

需要在界面上显示<>

问题

直接在dom中写的时候报错

[ WXML 文件编译错误] ./pages/register/register.wxml
 unexpected character `�`
> 1 | <view class="register data-v-891c2434"><cu-custom vue-id="9a676040-1" bgColor="bg-gradual-yunwei" isBack="{
  {true}}" class="data-v-891c2434" bind:__l="__l" vue-slots="{
  {['content']}}"><view slot="content" class="data-v-891c2434">注册</view></cu-custom><view class="main data-v-891c2434"><view class="title data-v-891c2434">基础信息</view><view class="form-item data-v-891c2434"><view class="label data-v-891c2434">身份</view><view class="value type data-v-891c2434"><u-radio-group vue-id="9a676040-2" active-color="#00A4F3" value="{
  {type}}" data-event-opts="{
  {[['^change',[['changeType']]],['^input',[['__set_model',['','type','$event',[]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-891c2434" bind:__l="__l" vue-slots="{
  {['default']}}"><label class="radio data-v-891c2434"><u-radio vue-id="{
  {('9a676040-3')+','+('9a676040-2')}}" name="{
  {1}}" label-size="28" class="data-v-891c2434" bind:__l="__l" vue-slots="{
  {['default']}}">个人</u-radio></label><label class="radio data-v-891c2434"><u-radio vue-id="{
  {('9a676040-4')+','+('9a676040-2')}}" name="{
  {2}}" label-size="28" class="data-v-891c2434" bind:__l="__l" vue-slots="{
  {['default']}}">维修店</u-radio></label></u-radio-group></view></view><block wx:if="{
  {type==1}}"><view class="form-item data-v-891c2434"><view class="label data-v-891c2434">所属区域</view><view data-event-opts="{
  {[['tap',[['showRegion',['$event']]]]]}}" class="value address data-v-891c2434" bindtap="__e"><block wx:if="{
  {region}}"><view class="has-region data-v-891c2434">{
  {region}}</view></block><block wx:else><view class="no-region data-v-891c2434">请选择所属区域</view></block><image class="to-right data-v-891c2434" src="/static/images/right.png"></im