themleaf模板中vue的一个bug问题

最新推荐文章于 2022-12-21 12:46:32 发布
最新推荐文章于 2022-12-21 12:46:32 发布
阅读量261 收藏
点赞数
分类专栏： Java 文章标签： vue html javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43448751/article/details/107957899
版权

之前一直没有遇到过,今天遇到了这个问题记录一下.

首先说下报错日志,是这样的 :
org.xml.sax.SAXParseException: 元素类型 “el-button” 必须后跟属性规范 “>” 或 “/>”。

poll一下前端代码
<el-button type="primary" @click="invokeLogin">Login</el-button>
<el-button type="primary" @click="invokeSignUp">Free SignUp!</el-button>

可以看到 这个button按常理来说写的没有问题, 网上查了一下, 有的说是确实没闭合, 但是我这里闭合了,排除.

去掉了@click标签后恢复正常, 于是尝试@click改成 原始的v-on:click 测试正常.

韩大大丶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
初学者-html中button标签需要注意的小细节
MrLiu86的博客
12-22 1246
相信很多初学者对于一些标签后面需要带的属性难免会有遗漏，这边提的建议是一定要先理解再记忆，不要死板的去记单词组合，下面列一下button标签需要注意的地方，以加强小伙伴们的记忆，不要在这个问题上再出现第二次的错误。      在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。      控件 与 相比，提供了更为强大
MyBatis报错：元素类型“select“必须后跟属性规范」或/」
qq_45436365的博客
07-08 4320
今天写MyBatis项目的时候遇到了一个问题 报错如下 元素类型"select"必须后跟属性规范>或/> 检查发现select语法并没有错 最后发现是select标签里的空格问题 错误代码 <select id="queryStudentByNoOOLazy"resultMap="student_card_lazyload_map" > <!-- 先查学生 --> select * from student </select> 正确代码。注意多了
thymeleaf中使用小于号
小帅的博客
06-27 1157
thymeleaf前端模板中对**<** 符号有转译效果， 在js中使用会在后台报元素类型 “plan.getNumRoutes” 必须后跟属性规范 “>” 或 “/>”。 <script type="text/javascript" th:inline="javascript"> for (var j = 0; j < plan.getNumRoutes();...
配置文件报错：元素类型 "XXX" 必须后跟属性规范 ">" 或 "/>"
weixin_34214500的博客
01-22 3602
这是一个比较常见的配置错误，一般分两步。 有的情况的确是xml文件出现了语法问题，可以让IDE来帮我们检查xml文件是否真的出现了语法错误。把xml内容复制进IDE中，让IDE帮我们检查错误。 如上图所示，上面的xml文件中出现了语法错误，错误情况一目了然。 如果IDE没报语法错误，可能是不同编辑器的原因。 例如，我喜欢用notepad++ 来编辑xml文件，然后在eclipse中调用...
Caused by: org.xml.sax.SAXParseException: 元素类型 “foreach“ 必须后跟属性规范 “＞“ 或 “/＞“。
...
10-04 1430
Caused by: org.xml.sax.SAXParseException: 元素类型 "foreach" 必须后跟属性规范 ">" 或 "/>"。
一个使用vue做的门户网站模板.zip
05-14
一个使用vue做的门户网站模板 一个使用vue做的门户网站模板 一个使用vue做的门户网站模板 一个使用vue做的门户网站模板 一个使用vue做的门户网站模板 一个使用...
详解django模板与vue.js冲突问题
12-11
Django提供了一个`template_tag`模板标签，专门用于在模板中输出原始的“{{”和“}}”。例如，如果你需要在HTML中保留“{{”： ```html {% load template_tags %} ... {% templatetag openvariable %}{{ ...
基于Vue3 Vuetify的中后台管理模板
最新发布
04-03
Vue3 Vuetify中后台管理模板是一个用于构建高效、现代且功能丰富的Web应用程序的框架。这个模板结合了Vue.js的最新版本（Vue3）和Vuetify库的强大功能，为开发者提供了一个完整的解决方案来开发中后台管理系统。Vue3...
vue搭建的非常好用的网页模板
05-27
在"vue-antd-tool-web"这个文件名中，我们可以推测这是一个基于Vue.js并结合了Ant Design Vue的工具类Web项目模板。它可能已经集成了上述的一些工具和库，以便开发者能够快速创建具有响应式布局、美观UI和良好结构的...
详解vue为什么要求组件模板只能有一个根元素
12-12
我是在知乎上看到的这个问题，...一、当我们实例化Vue的时候，填写一个el选项，来指定我们的SPA入口： let vm = new Vue({ el:'#app' }) 同时我们也会在body里面新增一个id为app的div <body> <div id='ap
org.xml.sax.SAXParseException; lineNumber: 22; columnNumber: 25; 元素类型 "property" 必须后跟属性规范 ">" 或 "/>"
foreverLzwx的博客
06-07 2423
org.xml.sax.SAXParseException; lineNumber: 22; columnNumber: 25; 元素类型 "property" 必须后跟属性规范 ">" 或 "/>"。这里写自定义目录标题Error building SqlSession.Cause: org.apache.ibatis.builder.BuilderException: Error ...
元素类型 * 必须后跟属性规范 ">" 或 "/>"
caoPengFlying的博客
07-11 3万+
刚开始学习框架的过程中经常会遇到异常： org.xml.sax.SAXParseException; lineNumber: 27; columnNumber: 38; 元素类型 &quot;collection&quot; 必须后跟属性规范 &quot;&amp;gt;&quot; 或 &quot;/&amp;gt;&quot;。 能看出来是配置文件中的属性写错了，但是不知道是哪里错了，都是直接删掉然后重写，这种方法也能解决。但是并没
org.xml.sax.SAXParseException:元素类型 "meta" 必须由匹配的结束标记终止
Mr.Xie的博客
08-10 1885
最近在整合SpringBoot的东西，在跳转页面的时候后台抛出 org.xml.sax.SAXParseException: 元素类型 "meta" 必须由匹配的结束标记 "&lt;/meta&gt;" 终止 很显然是html文件的问题，检查html文件代码如下 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;
SAXParseException:元素类型“result"必须后跟属性规范">"或”/>“
Willian的博客屋
10-29 4654
问题： 解决： Mapper.xml里面有错误，去Mapper.xml中查找是否有语法错误，比如少括号或者未添加完整标签； 如： 错误记录，再编写mybatis时候，多加了个逗号，找了半天 &amp;amp;lt;resultMap type=&amp;quot;com.mybatis.demo.SysUser&amp;quot; id=&amp;quot;userMap&amp;quot;&amp;amp;gt; &amp;a
org.xml.sax.SAXParseException元素内容必须由格式正确的字符数据或标记组成。
热门推荐
lezizai_happy的博客
09-02 4万+
1.错误的日志 ### Error building SqlSession. ### Cause: org.apache.ibatis.builder.BuilderException: Error creating document instance. Cause: org.xml.sax.SAXParseException; lineNumber: 22; columnNumb
org.xml.sax.SAXParseException: 元素类型 "meta" 必须由匹配的结束标记 "</meta>" 终止。
xinghuo0007的博客
06-21 3万+
前言：最近在学spring boot，而spring boot推荐使用thymeleaf作为视图，于是就看着书上写了个案例，写好运行。 报错：org.xml.sax.SAXParseException: 元素类型 "meta" 必须由匹配的结束标记 "</meta>" 终止。 报错原因分析：报错的原因是meta元素缺少</meta>结束标记，想考了一下，meta元素是html的元素呀，于是查看自己的
解决：org.xml.sax.SAXParseException: 元素类型 "head" 必须由匹配的结束标记 "</head>问题...
weixin_33671935的博客
11-23 969
事件背景： 今天就碰到了这样的问题， org.xml.sax.SAXParseException: 元素类型 "head" 必须由匹配的结束标记 "&lt;/head&gt; 我本地编译的时候报错，上面报错，起初 我以为是我画的html页面报错呢，一个个标签查呀，查了一个多小时没结果 原因： spring-boot-starter-thymeleaf对html5默认校验要求高。一...
thymeleaf和vue的比较
qq_48331138的博客
12-21 4534
thymeleaf和vue的比较
写一个vue3的代码模板
04-05
好的，这是一个简单的 Vue 3 代码模板： ``` {{ message }} import { ref } from 'vue' export default { setup() { const message = ref('Hello World!') return { message } } } ``` 这个模板...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值