vue3 如何优雅的初始化 state 的数据?

现在原始数据如下:

const state = reactive({
      cm1: "", // 长度1
      cm2: "", // 长度2
      cm3: "", // 长度3
      volume: "", // 体积
    });

如果使用最简单的方式初始化:

state.cm1 = ""
state.cm2 = ""
state.cm3 = ""

但是这样如果数据很多的情况下, 重置起来特别不友好.

有没有一种特别优雅的方式重置 state 数据呢?

ziming007

Laravel 8.x 译者 59 声望

暂无个人描述~

2 人点赞

cnguu

课程读者 437 声望 / 超神 @ 打工皇帝

最佳答案

const createState = () => ({
  cmd1: '',
  cmd2: '',
  cmd3: '',
  volume: '',
});

const state = reactive(createState());

const resetState = () => {
  Object.assign(state, createState());
};

2年前评论

ziming007 （楼主）

🐮🍺~~

讨论数量: 2

cnguu

课程读者 437 声望 / 超神 @ 打工皇帝

const createState = () => ({
  cmd1: '',
  cmd2: '',
  cmd3: '',
  volume: '',
});

const state = reactive(createState());

const resetState = () => {
  Object.assign(state, createState());
};

2年前评论

ziming007 （楼主）

🐮🍺~~

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

vue3 如何优雅的初始化 state 的数据?

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

vue3 如何优雅的初始化 state 的数据?

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录