1-2 请老师检查下代码,谢谢
来源:1-2 自由编程
不厌_
2021-08-17 17:32:41
wxml相关代码:
<input type="text" class="input" placeholder="请输入内容" placeholder-class="input-placeholder" bindinput="inputEvent"/>
<view>展示内容:<text class="show-text">{{text}}</text></view>
wxss相关代码:
.input {
width: 375rpx;
height: 50rpx;
border: 1rpx solid black;
font-size: 30rpx;
}
.input-placeholder {
color: #ccc;
}
.show-text {
color: red;
font-size: 30rpx;
}
js相关代码:
Page({
data: {
text: '',
},
inputEvent(e){
const value = e.detail.value;
this.setData({text:value});
}
})
1回答
同学你好,代码实现是对的,很棒!!!祝学习愉快~
相似问题