侧边栏壁纸
  • 累计撰写 75 篇文章
  • 累计创建 41 个标签
  • 累计收到 3 条评论

目 录CONTENT

文章目录

mpvue + Vant Weapp(第三方组件)小程序无法双向数据绑定(v-model)

已删除用户
2019-01-01 / 0 评论 / 0 点赞 / 184 阅读 / 1343 字 / 正在检测是否收录...

此处以 search 组件为例:

<van-search
  placeholder="搜索 XXXX"
  use-action-slot
  :value="searchValue"
  @change="handleSearchChange"
  @click="handleSearch">
  <view
    slot="action"
    @click="handleSearch">搜索
  </view>
</van-search>
export default {
  data () {
    return {
      searchValue: ''
    }
  },
  methods: {
    handleSearchChange (event) {
      this.searchValue= event.mp.detail
    },
    handleSearch () {
      console.log(this.searchValue)
    }
  }
}

因为不支持双向数据绑定,所以用 change 事件改变值,我试过把 event 写在 handleSearch 里,但不是预期值。

参考资料

0

评论区