Vue简洁之道

2022-09-22

vue

字数统计: 111 | 阅读时长≈ 1 分钟

Vue 简化代码

下述代码是从组件中抽取出来的；

export function fillParagraphText() {
    let nodes = this.$refs.content.childNodes;
    let arr = paragraphTextArr(nodes);
    this.$store.commit("paper/fill", { paperId: this.paperId, chse: this.chse, arr });
}

我们希望下述函数体内的this指向依然是原来的组件；只需在组件的method中接收上述函数即可；

1
2
3

methods: {
        fillParagraphText,
	}

因为javascript，this 它是动态的，this 由调用它的对象决定；

打赏

版权声明： 本博客所有文章除特别声明外，著作权归作者所有。转载请注明出处！