- 42
- 0
新手,最近刚开始学vue,一个简单的todoList实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
</style>
</head>
<body>
<div id="todo">
<h2>小目标列表</h2>
<h3>添加小目标</h3>
<input type="text" placeholder="ded"
@keyup.13="addList" v-model="addText"\>
<p>共有{{prolist.length}}个目标</p>
<!--v-for遍历prolist-->
<li class="li1" v-for="list in prolist">
<div>
<span class="type-span"></span>
<span>{{list.name}}</span>
<span class="close">X</span>
</div>
</li>
</div>
<script src="../../vus.js"></script>
<script>
new Vue({
el: "#todo",
data: {
addText:'',
//name-名称,status-完成状态
prolist:[
{name:"HTML5",status:false},
{name:"CSS3",status:false},
{name:"vue",status:false},
{name:"react",status:false}
]
},
computed:{
},
methods:{
addList(){
//添加进来默认status=false,就是未完成状态
this.prolist.push({
name:this.addText,
status:false
});
//添加后,清空addText
this.addText="";
}
}
});
</script>
</body>
</html>
上面的代码在浏览器中会报错。。。
SyntaxError: Unexpected string in
with(this){return _c('div',{attrs:{"id":"todo"}},[_c('h2',[_v("小目标列表")]),_v(" "),_c('h3',[_v("添加小目标")]),_v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(addText),expression:"addText"}],attrs:{"type":"text","placeholder":"ded","":""},domProps:{"value":(addText)},on:{"keyup":function($event){if(!('button' in $event)&&$event.keyCode!==13)return null;return addList($event)},"input":function($event){if($event.target.composing)return;addText=$event.target.value}}}),_v(" "),_c('p',[_v("共有"+_s(prolist.length)+"个目标")]),_v(" "),_l((prolist),function(list){return _c('li',{staticClass:"li1"},[_c('div',[_c('span',{staticClass:"type-span"}),_v(" "),_c('span',[_v(_s(list.name))]),_v(" "),_c('span',{staticClass:"close"},[_v("X")])])])})],2)}
- 共 0 条
- 全部回答
-
唐三 普通会员 1楼
这个错误信息通常意味着你在使用Vue时,出现了语法错误。在你尝试编写Vue代码时,可能在某个语句或者函数的内部,遇到了错误的语法。
比如,你可能会遇到像这样的错误:
SyntaxError: Unexpected string in /* template */这可能是因为你在某个函数内部,试图直接引用一个未定义的字符串。
要解决这个问题,你需要检查你尝试使用的变量或者函数的定义。确保它们已经在你的代码中被正确地声明和初始化。同时,你也需要确保你正在使用的语句和函数的语法是正确的。
如果你无法确定错误的具体原因,你可能需要查看 Vue 的官方文档或者寻求其他开发者的帮助。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

