微信小程序获取text的值与获取input的输入的值

有时候我们请求后台的时候需要使用到的

1 获取text 的值

首先需要把text 渲染把值写在js里面

不如 wxml 写一个text

<view class="container log-list"><text>{{ptxt}}</text>
</view>

js里面获取

Page({/*** 页面的初始数据*/data: {ptxt:"这是怎么了"},/*** 生命周期函数--监听页面加载*/onLoad: function (options){console.log(this.data.ptxt)},

这里就是拿去data里面的值

2 取 input的值,还是比较简单的官方文档都解析的很清楚

看下面代码吧

在wxml 中写一个input 定义value 以及bindinput

<!--logs.wxml-->
<view class="container log-list"><text>{{ptxt}}</text><input bindinput='i_name' value="{{i_value}}" placeholder='请输入姓名'></input>
</view>

然后在js 中取值即可

Page({/*** 页面的初始数据*/data: {ptxt:"这是怎么了",i_value:""},i_name:function(res){console.log(res.detail.value);//打印输入的值this.setData({i_value: res.detail.value , //赋值给i_value,使用的使用直接去i_value即可})},/*** 生命周期函数--监听页面加载*/onLoad: function (options){console.log(this.data.ptxt)},

微信小程序获取text的值与获取input的输入的值相关推荐

微信小程序开发笔记进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.云函数五.程序流程一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机号码. 但是,因 ...
微信小程序开发笔记进阶篇⑤——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之前）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程六.参考一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
微信小程序--在app.js 和其他页面中更改globalData的值
微信小程序--在app.js 和其他页面中更改globalData的值 app.js中修改其他页面 app.js中修改在app.js中,应当在小程序初始化完成以后再更改全局变量的值,即在onLau ...
微信小程序开发笔记进阶篇⑥——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之后）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程六.参考一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
php小程序session取不到,微信小程序实现Session功能及无法获取session问题的解决方法...
因为小程序原生不支持Cookie,因此也不支持Session. 网上找到的的一些方法有缺陷,而且很多累赘,估计没有实际测试过,在此直接给出实测可用的代码. 大概思路就是借助小程序本地储存+网络请求的h ...
微信小程序如何进行登录授权和获取用户信息
微信小程序如何进行登录授权和获取用户信息
小程序PHP字体,微信小程序在text文本实现多种字体样式
这篇文章主要介绍了微信小程序在text文本实现多种字体样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下微信小程序比较特别,它的wxml只允许用自 ...
微信html字体颜色代码,微信小程序在text文本实现多种字体样式
这篇文章主要介绍了微信小程序在text文本实现多种字体样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下微信小程序比较特别,它的wxml只允许用自 ...
微信小程序同一个登录按钮上触发获取微信用户信息和电话号码
微信小程序同一个登录按钮上触发获取微信用户信息和电话号码因为微信小程序获取用户信息getuserinfo方法和获取电话号码open-type="getPhoneNumber" @ ...
微信小程序：后台数据库与云数据库对比取最后一个值并且取用定时更新
微信小程序:后台数据库与云数据库对比取最后一个值并且取用定时更新的方式来现在在前端网页上我们有时候会遇到这样的问题,在后台数据库提取到数据后想要提取他们中的某些有共同特征的一些数据,这时候我们就可以 ...

微信小程序获取text的值与获取input的输入的值

微信小程序获取text的值与获取input的输入的值相关推荐

最新文章

热门文章