|
微信小程序中没有类型vue一样的v-model的指令
如何实现类型v-model操作呢？ 1.将值显示在input框中,在value属性绑定在变量i_value上 wxml代码如下： <view class="container log-list"> <input bindinput='i_name' value="pw_i_value" placeholder='请输入姓名'></input> </view>js代码如下： data: {
i_value:""
},2.用户输入值，更新变量i_value的值实现方法：通过事件bindinput事件 bindinput事件，键盘输入时触发，event.detail = {value, cursor, keyCode}，keyCode 为键值，2.1.0 起支持，处理函数可以直接 return 一个字符串，将替换输入框的内容。 代码如下： i_name:function(e){
this.setData({
i_value: e.detail.value , //赋值给i_value,使用的使用直接去i_value即可
})
},通过this.setData改变变量的值。e为事件对象注：为了优化小程序运载速度，尽量减少setData方法的使用。 所以将setData单独提出，并在Input框失去焦点时再进行传值。 参考： https://blog.csdn.net/qq_33210042/article/details/91975279 https://www.cnblogs.com/moxiaoshang/p/11713767.html https://developers.weixin.qq.com/miniprogram/dev/component/input.html |
|
|
公众号
