十四.模仿v-model实现双向绑定

24 阅读1分钟

data中的数据要通过 setData来修改


<input type="text" style="border:1rpx solid pink;" value="{{msg}}" bindinput="handleInput"  />
<view>{{msg}}</view>
  data: {
    msg:'hello',
  },
  handleInput(e){
    this.setData({
      msg:e.detail.value 
    })
  },

条件渲染

<view wx:if="{{score>=80}}">
  优秀
</view>
<view wx:elif="{{score>=60}}">
  及格
</view>
<view wx:else>
  不及格
</view>