您好!欢迎来到聚码网

聚码网

热门搜索: 相亲小程序    搭子源码    直播系统自有商城   
  • vuex使用dispatch提示notfound?
  • 聚码交流
  • 0 1
  • yhuxAvNbtxUM
    0000-00-00 00:00:00
  • 回帖
引入了一个使用vuex流程的组件,提示disatch调用的方法notfound?文件store.js/***Vuex*http://vuex.vuejs.org/zh-cn/intro.html*/importVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);constnow=newDate();conststore=newVuex.Store({state:{//当前用户user:{name:'coffce',img:'dist/images/1.jpg'},//会话列表sessions:[{id:1,user:{name:'示例介绍',img:'dist/images/2.png'},messages:[{content:'Hello,这是一个基于Vue+Vuex+Webpack构建的简单chat示例,聊天记录保存在localStorge,有什么问题可以通过GithubIssue问我。',date:now},{content:'项目地址:https://github.com/coffcer/vue-chat',date:now}]},{id:2,user:{name:'webpack',img:'dist/images/3.jpg'},messages:[]}],//当前选中的会话currentSessionId:1,//过滤出只包含这个key的会话filterKey:''},mutations:{INIT_DATA(state){letdata=localStorage.getItem('vue-chat-session');if(data){state.sessions=JSON.parse(data);}},//发送消息SEND_MESSAGE({sessions,currentSessionId},content){letsession=sessions.find(item=>item.id===currentSessionId);session.messages.push({content:content,date:newDate(),self:true});},//选择会话SELECT_SESSION(state,id){state.currentSessionId=id;},//搜索SET_FILTER_KEY(state,value){state.filterKey=value;}}});store.watch((state)=>state.sessions,(val)=>{console.log('CHANGE:',val);localStorage.setItem('vue-chat-session',JSON.stringify(val));},{deep:true});exportdefaultstore;exportconstactions={initData:({dispatch})=>dispatch('INIT_DATA'),sendMessage:({dispatch},content)=>dispatch('SEND_MESSAGE',content),selectSession:({dispatch},id)=>dispatch('SELECT_SESSION',id),search:({dispatch},value)=>dispatch('SET_FILTER_KEY',value)};文件chat.js<script>import{actions}from'../../vuex/store';importCardfrom'../../components/card';importListfrom'../../components/list';importTextfrom'../../components/text';importMessagefrom'../../components/message';exportdefault{components:{Card,List,Text,Message},vuex:{actions:actions},created(){this.initData();}}</script><template><pid="app"><pclass="sidebar"><card></card><list></list></p><pclass="main"><message></message><text></text></p></p></template><stylelang="less"scoped>#app{margin:20pxauto;width:800px;height:600px;overflow:hidden;border-radius:3px;.sidebar,.main{height:100%;}.sidebar{float:left;width:200px;color:#f4f4f4;background-color:#2e3238;}.main{position:relative;overflow:hidden;background-color:#eee;}.text{position:absolute;width:100%;bottom:0;left:0;}.message{height:~'calc(100%-160px)';}}</style>文件引入的问题是对的,为什么会提示[Vuewarn]:Donotusebuilt-inorreservedHTMLelementsascomponentid:Textwarn(unknown)[Vuewarn]:Errorincreatedhook:"TypeError:this.initDataisnotafunction"foundin---><Chat>at/banli/webchat/resources/vue-admin/src/views/webchat/chat.vue<ElCol>...(1recursivecalls)<ElRow><Home>at/banli/webchat/resources/vue-admin/src/views/Home.vue<App>at/banli/webchat/resources/vue-admin/src/App.vue<Root>warn(unknown)TypeError:this.initDataisnotafunctionatVueComponent.created(evalat<anonymous>(app.js:6791),<anonymous>:33:14)atcallHook(evalat<anonymous>(app.js:772),<anonymous>:2557:21)atVueComponent.Vue._init(evalat<anonymous>(app.js:772),<anonymous>:4001:5)atnewVueComponent(evalat<anonymous>(app.js:772),<anonymous>:4170:12)atcreateComponentInstanceForVnode(evalat<anonymous>(app.js:772),<anonymous>:3519:10)atinit(evalat<anonymous>(app.js:772),<anonymous>:3353:45)atcreateComponent(evalat<anonymous>(app.js:772),<anonymous>:4902:9)atcreateElm(evalat<anonymous>(app.js:772),<anonymous>:4845:9)atVueComponent.patch[as__patch__](evalat<anonymous>(app.js:772),<anonymous>:5343:9)atVueComponent.Vue._update(evalat<anonymous>(app.js:772),<anonymous>:2324:19)handleError(unknown)[Vuewarn]:Propertyormethod"user"isnotdefinedontheinstancebutreferencedduringrender.Makesuretodeclarereactivedatapropertiesinthedataoption.foundin·····实在是不懂?vuex刚入门求教?
最近热帖
近期热议
联系我们
Q Q:317563994
电话:400-000-000
邮箱:317563994@qq.com
时间:09:00 - 17:00