小程序
小游戏
企业微信
微信支付
扫描小程序码分享
js获得input的输入字符后,js怎样清除input.value?
想把input放在一个window的bottom,做一个类似聊天的窗口,wxml怎么layout?
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
wxml代码
<
view
>{{submit_value}}</
>
style
=
"position:fixed;bottom:0;left:0;width:100%;background:#09bb07;display:flex;flex-direction:row"
input
type
"text"
value
"{{input_value}}"
bindinput
"input"
"padding:3px;background:#ffffff;margin:5px;flex:1"
/>
button
"default"
size
"mini"
"margin:5px"
bindtap
"submit"
>提交</
</
js代码
Page({
data: {
input_value:
''
,
submit_value:
},
input:
function
(e){
this
.setData({submit_value:e.detail.value})
submit:
.setData({input_value:
})
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
wxml代码
<
view
>{{submit_value}}</
view
>
<
view
style
=
"position:fixed;bottom:0;left:0;width:100%;background:#09bb07;display:flex;flex-direction:row"
>
<
input
type
=
"text"
value
=
"{{input_value}}"
bindinput
=
"input"
style
=
"padding:3px;background:#ffffff;margin:5px;flex:1"
/>
<
button
type
=
"default"
size
=
"mini"
style
=
"margin:5px"
bindtap
=
"submit"
>提交</
button
>
</
view
>
js代码
Page({
data: {
input_value:
''
,
submit_value:
''
},
input:
function
(e){
this
.setData({submit_value:e.detail.value})
},
submit:
function
(e){
this
.setData({input_value:
''
})
},
})