Vue.js 如何测试一个组件,其中的参数从模板传递给getter?
我正在使用jest和vue测试工具为我的一个组件编写单元测试。在该组件中,我使用MapGetter映射我的存储getter,并从template部分调用该getter对象并向其传递参数 /**组件.vue**/Vue.js 如何测试一个组件,其中的参数从模板传递给getter?,vue.js,jestjs,store,Vue.js,Jestjs,Store,我正在使用jest和vue测试工具为我的一个组件编写单元测试。在该组件中,我使用MapGetter映射我的存储getter,并从template部分调用该getter对象并向其传递参数 /**组件.vue**/ <v-card-text>{{ message('Jill') }}</v-card-text></v-card> 我的问题是如何通过从组件的模板部分传递参数来模拟getter?我尝试了几种方法,但出现以下错误: “类型错误:\u vm.messag
<v-card-text>{{ message('Jill') }}</v-card-text></v-card>
我的问题是如何通过从组件的模板部分传递参数来模拟getter?我尝试了几种方法,但出现以下错误:
“类型错误:\u vm.message不是函数”
请帮忙。
谢谢鉴于您试图从getter调用函数,我建议您改用Vuex操作。此外,您还需要将消息定义为显式函数,因为javascript不知道在给定语法的情况下引用了什么。最后,消息函数/操作应将字符串值作为输入。ie消息:({},有效载荷)=>{return
Welcome${payload}
}。谢谢skyboyer。我试试看。
computed: {
...mapGetters({ message: 'main/message' })}
/** In the getter.js file **/
message: state => val => setMessage(val)
function setMessage(val) {
return `Welcome ${val}.`;
}