微信小程序(一)JS页面赋值以及JS页面取值-----注意小程序中JS是不能对DOM进行操作的。 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

微信小程序(一)JS页面赋值以及JS页面取值-----注意小程序中JS是不能对DOM进行操作的。

发表时间:2020-10-19

发布人:葵宇科技

浏览次数:82

小程序初始化页面赋值:

//js代码

Page({
    data:{
        txtData:"Hello";
    } 
})

//wxml代码
<view>{{ txtData }}</view>

小程序函数赋值注意的是函数赋值可以覆盖原来的值:

//js代码

Page({
    data:{
        txtData:"Hello"
    },
    onLoad:{
        //调用自定义赋值函数
        this.SetVal();
    },
    //自定义赋值函数(注意自定义函数需要调用执行才可以生效)
    SetVal:function(){
        var that = this;
        that.setData({
            txtData:"修改后的值"
        })
    }
})

小程序页面取值:

//js代码

Page({
    data:{
        txtData:"Hello"
    },
    onLoad:{
        //调用自定义赋值函数
        this.SetVal();
        //调用自定义取值函数
        var getVal = this.GetVal();
        console.log(getVal);
    },
    //自定义赋值函数(注意自定义函数需要调用执行才可以生效)
    SetVal:function(){
        var that = this;
        that.setData({
            txtData:"修改后的值"
        })
    },
    //自定义取值函数
    GetVal:function(){
        var that = this.data.txtData;
    }
})

?

相关案例查看更多