我对VueJS很新,而且我正在被一个看起来相当微不足道的问题绊倒:如何一起使用VueJS和Jade? p>
下面是我试图在Jade中呈现的代码:
extends layout
block content
div.main-holder
button(v-on:submit="handleIt")Button
然而,当我加载页面时,我收到此错误:
/Users/username/Documents/app/app/views/index.jade:5 3 |阻止内容4 | div.main-holder> 5 |按钮(v-on:submit =“handleIt”)按钮意外的标记tag
预期text
,code
,:
,newline
或eos
错误:/Users/username/Documents/app/app/views/index.jade:5
3 |阻止内容
4 | div.main支架
5 |按钮(V-上:提交= “handleIt”)按钮
意外令牌tag
预计text
,code
,:
,newline
或eos
在Parser.tag(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:828:15)
在Parser.parseTag(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:759:17)
在Parser.parseExpr(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:211:21)
在Parser.block(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:729:25)
在Parser.tag(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:838:24)
在Parser.parseTag(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:759:17)
在Parser.parseExpr(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:211:21)
在Parser.block(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:729:25)
在Parser.parseBlock(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:535:14)
在Parser.parseExpr(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:215:21)
我尝试使用竖线字符和其他一些序列来转义按钮,但似乎没有任何效果。任何帮助将不胜感激。
答案 0 :(得分:0)
原来我错过了按钮之间的空格(v-on:submit =" handleIt")和单词" Button。"修正了我自己的问题。