zoukankan      html  css  js  c++  java
  • 小程序wxs是作用

    wxs weixin script,小程序的脚本语言;可以结合wxml构建页面结构;
    说白了 就是在小程序里面写函数表达式的地方;
    wxml里面直接使用wxs,有错误再次刷新就能解决
    <wxs module="info">
    var str = '小明';
    var fun = function (a,b){
      return a + b
    }
    module.exports={
      str : str,
      fun:fun
    }
    </wxs>
    
    <view>{{info.str}}</view>
    <view>{{info.fun(11,44)}}</view>
    外部引入wxs语法
    wxs.wxs
    //    必须,只能用ES5语法;
    var str = '小明'
    var fun = function (a, b) {
      return a + b
    }
    module.exports = {
    //    这里不能简写;
      str:str,
      fun:fun
    }

    引入的wxml页面

    //    这里不能使用绝对路径,只能使用先对路径
    //    只能一层一层玩外找;
    <wxs src="./wxs.wxs" module="info"/>
        
    <view>{{info.str}}</view>
    <view>{{info.fun(12,33)}}</view>
    使用场景
    定义变量
    data: {
        num :22.232341
    },

    定义wxs方法

    function floats(change,number){
        //    判断有没有传参数,有就用他的没有就使用2
      var number = number || 2;
        //    如果传的是字符串,转为数字
      var f_change = fparseFloat(change)
      return f_change.toFixed(number)
    }
    module.exports = {
      floats: floats
    }

    使用wxml

    <wxs src="./wxs.wxs" module="info" />
    <view>{{info.floats(num)}}</view>

    喜欢的小伙伴可以关注我的微信公众“前端伪大叔”

  • 相关阅读:
    Luogu5860 「SWTR-03」Counting Trees
    $NOIP1998$ 题解报告
    $NOIP1997$ 题解报告
    $NOIP2008$ 题解报告
    $NOIP2004$ 题解报告
    $NOIP2010$ 题解报告
    $NOIP2009$ 题解报告
    Luogu P1879 玉米田 题解报告
    CH301 任务安排2 题解报告
    $[NOIp2017]$ 逛公园 $dp$/记搜
  • 原文地址:https://www.cnblogs.com/qdwds/p/11707077.html
Copyright © 2011-2022 走看看