小编tyl*_*r-g的帖子

直接访问vuex状态属性(没有getter)是不好的做法,为什么?

如果这是我的store.js文件:

const state = {
  count: 0,
  loggedIn: false
}

const mutations = {
  UP_COUNT(state) {
      state++;
  }
}

const actions = {
  upCount({ commit }) {
    commit('UP_COUNT');
  }
}   
Run Code Online (Sandbox Code Playgroud)


让我们说count从我的一个Vue组件中增加状态,我将调用一个动作然后提交一个变异:

this.$store.dispatch('upCount');
Run Code Online (Sandbox Code Playgroud)


然后让我们说在另一个Vue组件中,我想使用状态计数:

<div class="count">{{ this.$store.state.count }}</div>
Run Code Online (Sandbox Code Playgroud)


这种风格有什么问题?(vs使用$this.store.getters...)

javascript getter-setter vue.js vuex vuejs2

8
推荐指数
1
解决办法
6266
查看次数

只需替换 prosemirror 中节点的内容

我在一个接收字符串作为输入的函数中:

\n
(text) => {\n\n}\n
Run Code Online (Sandbox Code Playgroud)\n

我可以通过 Vue props ( ) 访问编辑器props.editor。我想用此文本替换当前节点的内容。我似乎不知道如何做到这一点。我正在使用tiptap2,它是 ProseMirror 的包装器,可以访问 ProseMirror 的所有 api。

\n

除非有必要,否则我宁愿不尝试替换整个节点,我也尝试过,在 \xe2\x80\x93 下面执行此操作,但也无法使其工作:

\n
(text) => {\n        props.editor\n          .chain()\n          .focus()\n          .command(({ tr }) => {\n            const node = props.editor.state.schema.nodes.paragraph.create(\n              { content: text}\n            );\n            tr.replaceSelectionWith(node);\n\n            return true;\n          })\n          .run();\n}\n
Run Code Online (Sandbox Code Playgroud)\n

非常感谢

\n

vue.js prose-mirror vuejs3 tiptap

6
推荐指数
2
解决办法
4980
查看次数