微信小程序如何为data中的对象的某一属性设置（与web完全不同）

末蓝、 2022-09-01 00:03 199阅读 0赞

### 微信小程序如何为data中的对象的某一属性设置（与web完全不同） ###

**话不多说上代码**  
**web端**

data(){
        
    
        return{
        
    
          form: {
        
             userId:'',
            birthDate:new Date(),
            password:'',
            email:'',
            sex:0,
            telephone:'',
            userName:'',
            userPic:'',
            userAddress:'',
          },
        }
    
      },
      methods:{
        
        change(){
        
       		 this.form.userId = '777777'
        },

微信小程序

data: {
        
        loginForm: {
        
          userId: '',
          password: '',
        }
      },
    
      //获取输入的账号
      usernameInput:function(e){
        
        //修改对象的某一属性时，先将该对向的该属性变成string
        let userId = "loginForm.userId"
        this.setData({
        
          [userId]:e.detail.value//注意这里是冒号哦！！！！
        });
      },
    
      //获取输入的密码
      passwordInput:function(e){
        
        let password = "loginForm.password"
        this.setData({
        
          [password]: e.detail.value
        });
      },

以上就是这次的收获啦！

发表评论取消回复

表情：

评论列表（有 0 条评论，199人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS、微信小程序：判断对象是否包含某值(某属性)

判断对象是否有某个属性/某个值 hasOwnProperty `hasOwnProperty`是js中唯一可以判断一个属性定义在对象本身而不是继承原型链的方法，主要用于判

傷城~/ 2024年04月01日 17:40/ 0 赞/ 120 阅读

相关微信小程序setData 赋值对象属性

这几天在做页面的时候，关于setData方法产生了一点疑问，现在来总结一下。首先说一下赋值对象属性的两种方法 1.修改data下的对象 this.setData

你的名字/ 2023年10月02日 17:46/ 0 赞/ 71 阅读

相关微信小程序CSS之flex属性设置

flex属性 flex属性是flex-basis、flex-grow、flex-shrink三个属性的简写。flex属性的取值有以下几种方式： 1. auto: 允许增

川长思鸟来/ 2023年07月03日 08:26/ 0 赞/ 44 阅读

相关微信小程序 data对象赋值和取值

微信小程序 data对象赋值和取值显示静态数据往data赋值 Page({ data: { motto: 'Hello

r囧r小猫/ 2022年11月28日 13:50/ 0 赞/ 491 阅读

相关微信小程序 data对象的属性赋值

记录一下下次想不起来翻翻笔记 data: { person: { //person为一个对象，age是它的属性 name:

蔚落/ 2022年10月23日 12:42/ 0 赞/ 319 阅读

相关微信小程序如何为data中的对象的某一属性设置（与web完全不同）

微信小程序如何为data中的对象的某一属性设置（与web完全不同）话不多说上代码 web端 data(){ r

末蓝、/ 2022年09月01日 00:03/ 0 赞/ 200 阅读

相关微信小程序 button 的样式设置为图片

方法一：button 与 image 重叠将button设为 opacity:0 然后定位放在那副图片的上边。方法二：background-image bac

墨蓝/ 2022年05月15日 23:46/ 0 赞/ 331 阅读

相关微信小程序--data的赋值与取值

通过小程序官方文档可知： Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。其中的参数data用来设置初

迷南。/ 2022年03月29日 03:07/ 0 赞/ 515 阅读

相关微信小程序的如何使用全局属性：微信小程序教程系列05

微信小程序提供了app.js文件，用于放置一些全局的函数和全局的属性。一般情况下，我都会把一些常用的函数和属性写在app.js文件内，这样不用在页面之间传值，或者不用重复加

小咪咪/ 2021年12月05日 00:49/ 0 赞/ 542 阅读

相关微信小程序设置web-view的业务域名

![标题图][1240] > 微信小程序设置`web-view`的业务域名 ![效果][1240 1] > 域名必备 ![效果][1240 2] 你的域名必须要备案过

傷城~/ 2021年09月17日 07:50/ 0 赞/ 433 阅读