请教v-model如何与localstorage双向绑定

• Z时代
• 2024-02-20
• 分类：IT

现在有个需求，之前是用vuex与v-model双向绑定，但是刷新以后就无效了 ，于是想到是否可以v-model 与 localstorage进行双向绑定，这样就可以刷新页面了。

回答：

使用vuex-persist将vuex持久化,支持sessionStorage和localStorage
vuex-persist

回答：

在 store 里，初始值从 localStorage 中获取，commit 的同时保存到 localStorage 中不就可以了吗

回答：

借助 computed 的 get/set

<input v-model="_value">

export default {
  computed: {
    _value: {
      get() {
        return localStorage.getItem('value')
      },
      set(value) {
        localStorage.setItem('value', value)
      }
    }
  }
}

以上是 请教v-model如何与localstorage双向绑定 的全部内容， 来源链接： utcz.com/p/935865.html