首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >小程序 include引入wxml时编译报错?

小程序 include引入wxml时编译报错?

提问于 2017-11-15 14:54:09
回答 1关注 0查看 460

场景:希望做两个wxml文件(pagehead.wxml、pagefoot.wxml)被其他页面引入,目的是让页面内容更加简洁。发现小程序开发工具,会在编译时报错如下:

以下是三个wxml文件内容:

代码语言:txt
复制
pagehead.wxml:
代码语言:txt
复制
<view class="page">
代码语言:txt
复制
    <view class="page__hd">
代码语言:txt
复制
        <view class="page__title">{{pageInfo.title}}</view>
代码语言:txt
复制
        <view class="page__desc">{{pageInfo.desc}}</view>
代码语言:txt
复制
    </view>
代码语言:txt
复制
    <view class="page__bd page__bd_spacing"><!--框架头与页面内容空3行-->
代码语言:txt
复制
代码语言:txt
复制
pagefoot.wxml:
代码语言:txt
复制
代码语言:txt
复制
</view><!--框架尾与页面内容空3行-->
代码语言:txt
复制
</view>

当被index.wxml对上述两个文件引入:

代码语言:txt
复制
<include src="../tplt/pagehead.wxml"/>
代码语言:txt
复制
代码语言:txt
复制
        <view bindtap="bindViewTap" class="userinfo">
代码语言:txt
复制
            <image wx:if="{{userInfo.avatarUrl}}"
代码语言:txt
复制
                   class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"/>
代码语言:txt
复制
            <text class="userinfo-nickname">{{userInfo.nickName}}</text>
代码语言:txt
复制
            <text class="user-motto">{{motto}}</text>
代码语言:txt
复制
        </view>
代码语言:txt
复制
代码语言:txt
复制
        <!--view hidden="{{!newUser}}"-->
代码语言:txt
复制
        <view>
代码语言:txt
复制
            <button class='weui-btn' bindtap="setRoleLbor" type="primary">AAA</button>
代码语言:txt
复制
            <button class="weui-btn" bindtap="setRoleClnt" type="primary">BBB</button>
代码语言:txt
复制
        </view>
代码语言:txt
复制
代码语言:txt
复制
代码语言:txt
复制
<include src="../tplt/pagefoot.wxml"/>
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档