微信小程序实现输入框与文本框数值联动效果
一、效果演示
二、实现思路
给input框进行绑定函数，然后再用函数将变量赋值给文本元素。
三、代码实例
wxml文件内容
<view>
<input value="{
{sv}}" type="text" placeholder="此处输入数据" bindinput="inputGetDemo"/>
<text space="nbsp">变量：{
{
sv}}</text>
</view>
wxjs文件内容
const app = getApp()
Page({
data: {
},
onLoad() {
},
inputGetDemo(e){
var val = e.detail.value;
this.setData({
sv:val
})
}
})
上一篇：
uniapp开发微信小程序-2.页面制作
下一篇：
微信小程序实现人脸识别