Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 如何测试一个组件,其中的参数从模板传递给getter?_Vue.js_Jestjs_Store - Fatal编程技术网

Vue.js 如何测试一个组件,其中的参数从模板传递给getter?

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

我正在使用jest和vue测试工具为我的一个组件编写单元测试。在该组件中,我使用MapGetter映射我的存储getter,并从template部分调用该getter对象并向其传递参数

/**组件.vue**/

<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}.`;
}