微信小程序模板的使用实例

  • 原创
  • |
  • 浏览:2885
  • |
  • 更新:

微信小程序模板的使用实例

方法/步骤

  1. 1

    打开小程序开发工具,新建mypage文件夹,在文件内新建page,命名为

    mypage,并在app.json设为第一页面。

    微信小程序模板的使用实例
  2. 2

    在mypage同级目录,创建templates文件夹,在文件夹内新建head.wxml文件。

    微信小程序模板的使用实例
  3. 3

    在head.wxml中写代码如下:

    <view>引入的内容</view>

    在mypage.wxml写代码如下,include进来head.wxml

    <include src='../templates/head.wxml'/>

    微信小程序模板的使用实例
    微信小程序模板的使用实例
  4. 4

    编译运行代码,显示出引入内容,引入成功

    微信小程序模板的使用实例
  5. 5

    另外一种引入方法是通过template标签,这里就不介绍了,介绍一下变量绑定,使用include引入的和原来的方法一样。修改head.wxml代码如下:

    <view>{{content}}</view>

    微信小程序模板的使用实例
  6. 6

    在mypage.js进行变量的绑定,代码如下:

    data: {

    content:"我是被引入的"

     

    },

    微信小程序模板的使用实例
  7. 6
    此文章非法爬取自百度经验
  8. 7

    编译运行代码,内容被正确显示出来,数据绑定成功

    微信小程序模板的使用实例
    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部