微信小程序 获取标签里面的数据 例如：view、text

在一些场景中，我们需要获取到标签里面的值来和接口返回的值做对比，一致则进行下一步，后者进行错误判断

<block wx:for='{{objectArray}}'  data-name='{{item.name}}' data-id='{{item.id}}' bindtap='select'>

        <text class='yuzhong'>{{item.name}}</text>

    </view>

主要在于 data- 这个上面  上面的那个name 和 id 是我自己定义的，你们可以随意定义一些语义化的词，

获取也很简单：

select:function(e){

console.log(e.currentTarget.dataset.name)

    },

<view class="itemView">用户名：

<input class="input" name="userName" placeholder="请输入用户名"

bindinput ="userNameInput"/>

</view>

<view class="itemView">密码：

<input class="input" password placeholder="请输入密码"

bindinput="passWdInput" />

</view>

<view class="viewName" style="background-color:#fbf9fe">

<button class="loginBtn" bindtap="loginBtnClick">登录</button>

</view>

Page({

data: {

userName: '',

userPwd:""

}, //获取用户输入的用户名

userNameInput:function(e) {

this.setData({

userName: e.detail.value

})

},

passWdInput:function(e)

输入的密码

loginBtnClick: function (e) {

console.log("用户名："+this.data.userName+" 密码：" +this.data.userPwd)

}

, // 用户点击右上角分享

onShareAppMessage: function () {

}

})

步骤如下:

1.第一步，打开微信小程序开发工具，在指定的wxml文件中插入一个textarea组件，设置最大长度、失去焦点事件等。

2.第二步，在界面对应的JavaScript文件，添加失去焦点事件，并获取文本域文字内容。

3.第三步，接着保存代码并在模拟器中预览界面显示效果，可以看到一个文本域。

4.第四步，在文本域组件中输入相应的文字内容，尽可能输入多的内容。

5.第五步，接着在浏览器的控制台下方，查看打印的结果值，跟文本域中的一致。

6.第六步，最后再输入其他的文字内容，由于限制了文本域的最大输入长度，边输入边查看结果。这样就解决了微信小程序怎样设置textarea文本域输入的问题了

---