关于setData的使用
发布于 5 年前 作者 huangping 11412 次浏览 来自 问答

第一种:

this.data.userName = “admin”;

this.setData(this.data);

第二种:

this.setData({

    userName : ‘admin’

});

请问这两种方式有区别吗?

6 回复

是“有效果”,还是“没有效果”?

如果你的问题是为什么没有效果,我的解释是:

setData期望的值是一个对象。如果e.detail.value的值是一个对象,即{},你值入的值是{{}},解释器无法理解;如果e.detail.value是一个简单类型(字符串),你值入的值是{string},也是错的(对象缺少键名)。

正确的写法:

  1. userName是对象:this.setData(userName);

  2. userName是字符串: this.setData({userName: userName});

// 根据属性名设置的方法(不知道你要找的是不是这个,送你了,不谢):

var params = [ ];

params[propertyName] = val;

this.setData(params);

我可以

var obj;

obj[‘userName’] = e.detail.value;

this.setData(obj);

也可以

var userName = e.detail.value;

this.setData({userName});

这两个都可以出现效果

主要是想封装一个input的template,左中右分别为label标签,input框,后缀单位。

使用bindinput事件,所以我得传一个方法进去。

不能写死,但输入的值得放在this.data的某个属性里面,所以设计了一个data-bind-property传入这个属性的名字,

就找到了第一种写法,第二种方法不知如何实现

这是我的这个页面的data

/**

  * 页面的初始数据

  */

data: {

userName : null

},

bindinput事件中这么写,有效果,这是为什么

var userName = e.detail.value;

this.setData({userName});

只有一个属性时两者应该没什么区别,如果this.data属性较多时,推荐使用第二种方法局部更新。虽然不了解小程序内部的渲染机制,但只渲染需要变更部分的思想是没错的,开发中还是尽量只提交需要重新渲染的数据部分。

回到顶部