php - vue.js2.0下出现warn错误

 UIUI张南南 发布于 2022-11-28 11:00
  1. 出现这个问题,请问如何解决,求解

  1. 代码如下:

    varapp=newVue({

    el:'#app',data:{steps:[{name:'HelloVue!',completed:false},{name:'HelloWorld!',completed:false}],newStep:''},mounted:function(){this.fetchSteps();},methods:{fetchSteps:function(){this.$http.get('/tasks/2/steps').then((response)=>{//successVue.set(this,'steps',response.body);},(response)=>{//errorresponse.status;});},addStep:function(){this.steps.push({name:this.newStep,completed:false});this.newStep='';},complete:function(step){step.completed=true;},removeStep:function(step){varindex=this.steps.indexOf(step);this.steps.splice(index,1);},editStep:function(step){this.removeStep(step);this.newStep=step.name;this.$refs.newStep.focus();},toggleComplete:function(step){step.completed=false;},completeAll:function(){this.steps.forEach(function(step){step.completed=true;});},clearComplete:function(){//this.steps=[];kthis.steps=this.steps.filter(function(step){return!step.completed;});}},computed:{inProcess:function(){returnthis.steps.filter(function(step){if(step.completed==false)returnstep;})},processed:function(){returnthis.steps.filter(function(step){if(step.completed==true)returnstep;})},completions:function(){returnthis.steps.filter(function(step){returnstep.completed;});},remaings:function(){returnthis.steps.filter(function(step){return!step.completed;});}}

    })

2 个回答
  • 可否为模块添加name属性查看更具体的debugmessage?

    2022-11-28 14:44 回答
  • 大概看了下应该是这里错了


    data必须是个函数也就是应该写成

    data:function(){return{steps:[{name:'HelloVue!',completed:false},{name:'HelloWorld!',completed:false}],newStep:''}}

    官网说明

    建议稍微看下官方文档

    2022-11-28 14:44 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有