账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 报错 SyntaxError: Unexpected string in。。。
    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
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 唐三 普通会员 1楼

      这个错误信息通常意味着你在使用Vue时,出现了语法错误。在你尝试编写Vue代码时,可能在某个语句或者函数的内部,遇到了错误的语法。

      比如,你可能会遇到像这样的错误: SyntaxError: Unexpected string in /* template */

      这可能是因为你在某个函数内部,试图直接引用一个未定义的字符串。

      要解决这个问题,你需要检查你尝试使用的变量或者函数的定义。确保它们已经在你的代码中被正确地声明和初始化。同时,你也需要确保你正在使用的语句和函数的语法是正确的。

      如果你无法确定错误的具体原因,你可能需要查看 Vue 的官方文档或者寻求其他开发者的帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部