uni-app使用转义字符

我就是我 2023-01-16 02:44 274阅读 0赞

### 需求 ###

需要在界面上显示<>

### 问题 ###

直接在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"></image></view></view></block><block wx:if="{
       {type==2}}"><view class="form-item data-v-891c2434"><view class="label data-v-891c2434">维修店名称</view><view class="value input data-v-891c2434"><input type="text" placeholder="请输入维修店名称" placeholder-class="placeholder" data-event-opts="{
       {[['input',[['__set_model',['','code','$event',[]]]]]]}}" value="{
       {code}}" bindinput="__e" class="data-v-891c2434"/></view></view></block><block wx:if="{
       {type==2}}"><view class="form-item data-v-891c2434"><view class="label data-v-891c2434">门店地址</view><view class="value address data-v-891c2434"><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"></image></view></view></block><view class="form-item data-v-891c2434"><view class="label data-v-891c2434">手机号</view><view class="value input data-v-891c2434"><input type="number" placeholder="请输入手机号" placeholder-class="placeholder" data-event-opts="{
       {[['input',[['__set_model',['','phone','$event',[]]]]]]}}" value="{
       {phone}}" bindinput="__e" class="data-v-891c2434"/><block wx:if="{
       {!internal}}"><text data-event-opts="{
       {[['tap',[['getCode',['$event']]]]]}}" class="send-code data-v-891c2434" bindtap="__e">发送验证码</text></block><block wx:else><text class="send-code no-code data-v-891c2434">{
       {intertext}}</text></block></view></view><view class="form-item data-v-891c2434"><view class="label data-v-891c2434">验证码</view><view class="value input data-v-891c2434"><input type="text" placeholder="请输入验证码" placeholder-class="placeholder" data-event-opts="{
       {[['input',[['__set_model',['','code','$event',[]]]]]]}}" value="{
       {code}}" bindinput="__e" class="data-v-891c2434"/></view></view><view class="form-item data-v-891c2434"><view class="label data-v-891c2434">登录密码</view><view class="value input data-v-891c2434"><uni-easyinput bind:input="__e" vue-id="9a676040-5" type="password" placeholder="请输入8到16位密码" placeholderStyle="color: #999999;font-size: 28rpx;font-weight: 500;" inputBorder="{
       {false}}" value="{
       {password}}" data-event-opts="{
       {[['^input',[['__set_model',['','password','$event',[]]]]]]}}" class="data-v-891c2434" bind:__l="__l"></uni-easyinput></view></view><view class="form-item data-v-891c2434"><view class="label data-v-891c2434">确认密码</view><view class="value input data-v-891c2434"><input type="password" placeholder="请再次确认密码" placeholder-class="placeholder" data-event-opts="{
       {[['input',[['__set_model',['','repassword','$event',[]]]]]]}}" value="{
       {repassword}}" bindinput="__e" class="data-v-891c2434"/></view></view><view class="agree-treaty data-v-891c2434"><u-checkbox-group vue-id="9a676040-6" max="1" active-color="#00A4F3" data-event-opts="{
       {[['^change',[['changeAgree']]]]}}" bind:change="__e" class="data-v-891c2434" bind:__l="__l" vue-slots="{
       {['default']}}"><u-checkbox bind:input="__e" vue-id="{
       {('9a676040-7')+','+('9a676040-6')}}" name="{
       {1}}" value="{
       {agree}}" data-event-opts="{
       {[['^input',[['__set_model',['','agree','$event',[]]]]]]}}" class="data-v-891c2434" bind:__l="__l"></u-checkbox></u-checkbox-group><text class="treaty-text data-v-891c2434">注册表示您同意<text data-event-opts="{
       {[['tap',[['showTreaty',['$event']]]]]}}" class="treaty data-v-891c2434" bindtap="__e"><协议></text></text></view><button data-event-opts="{
       {[['tap',[['register',['$event']]]]]}}" class="register-btn data-v-891c2434" bindtap="__e">注册</button></view><quick-message vue-id="9a676040-8" data-ref="message" class="data-v-891c2434 vue-ref" bind:__l="__l"></quick-message><region-picker bind:confirm="__e" vue-id="9a676040-9" data-ref="picker" data-event-opts="{
       {[['^confirm',[['confirm']]]]}}" class="data-v-891c2434 vue-ref" bind:__l="__l"></region-picker><treaty bind:agree="__e" vue-id="9a676040-10" data-ref="treaty" data-event-opts="{
       {[['^agree',[['agreeTreaty']]]]}}" class="data-v-891c2434 vue-ref" bind:__l="__l"></treaty></view>
        |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        ^
    at files://pages/register/register.wxml#1

### 找原因 ###

应该是读取成标签了，后来使用了转义字符

没用，还是报错，又去看了编译后的文件，发现直接编译成了 <>

### 解决方法 ###

单独定义一个变量，在data里面，然后dom里面显示这个变量，就好了。