zoukankan      html  css  js  c++  java
  • wepy框架 怎么在template模板中使用函数

    呵呵。介绍说是类似vue,用起来真累人,就想在模板中使用个函数都要查N久的文档才知道。

    具体要怎么操作呢?

    要先创建个wxs脚本文件,在里面定义函数或其它的,然后在页面或组件中引入这文件,就可以在模板中使用了。

    真搞不懂为什么要绕这么一大圈,直接可以使用在methods中定义的方法不行吗? 恶心的一批。

    // 页面代码

    <template>
        <view>
             {{xx(name)}}
        </view>
    </template>
    <script>
        import wepy from 'wepy';
        import xxdd from '../utils/xxx.wxs';
    
        export default class extends wepy.component {
            wxs = {
                xx:xxdd 
            }
        }
    </script>

    // xxx.wxs 文件(不支持ES6语法,对ES5的支持还得看文档)

    var print = function(value) {
        return "hello word " + value;
    }
    
    module.exports = print;

    注意:

    wxs是基于原生的wxs去实现的,只是通过编译把现在的语法编译为原生语法。
    wxs必须是外链文件。并且后缀为.wxs。
    wxs引入后只能在template中使用,不能在script中使用。

    文档:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/07basiclibrary.html

    文档:https://tencent.github.io/wepy/document.html#/?id=wxs-weixin-script

  • 相关阅读:
    FastAdmin CMS 插件下载
    使用 Python 连接到 PADS Layout
    Javascript undefined 和 null
    反馈给又拍云需要以下信息
    Web前端性能优化之图片优化
    nodejs--实现跨域抓取数据
    HTML6 展望
    cSS3 伪类:nth-child 的使用方法
    css3中的几何图形shape研究
    iScroll5 API速查随记
  • 原文地址:https://www.cnblogs.com/whnba/p/10920159.html
Copyright © 2011-2022 走看看