设为首页 加入收藏

TOP

wepy框架 怎么在template模板中使用函数
2019-09-17 18:59:13 】 浏览:26
Tags: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

 

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇随笔 下一篇【微信小程序】开发实战 之 「配..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目