小程序动态绑定class及引入外部js

在小程序开放中,往往需要我们动态绑定class样式,操作如下==

  • wxml
	<view class="task-nav">
      <view class="{{active=='info'?'nav-active':''}}">提醒详情</view>
      <view class="{{active=='list'?'nav-active':''}}">打卡记录</view>
    </view>
  • js
	  data: {
	    active:'info'
	  },

或者只需要判断变量的true or false

引入外部js

  • 编辑外部js - 保存为/utils/util.js
function demo(){
  console.log(123);
}
function demo1(){
  console.log(234);
}

//将需要的方法暴露出去
module.exports = {
  demo: demo,
  demo1:demo1
}
  • 在页面中引入使用
//引入刚才编辑好的js -- 主意路径
var demo = require("../../utils/util.js");
Page({

  /**
   * 页面的初始数据
   */
  data: {
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   	//使用
    demo.demo();
    demo.demo1();
  },
})

后续继续更新。。。

你可能感兴趣的:(小程序动态绑定class及引入外部js)