Vue组件不生效（在Web项目的jsp之中）

最新推荐文章于 2024-03-26 20:33:44 发布
最新推荐文章于 2024-03-26 20:33:44 发布
阅读量1k 收藏 1
点赞数 2
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lgq2941109633/article/details/117513807
版权

先保证做到以下三点
1、组件对象名称的字母完全是小写
2、组件对象在Vue示例对象创建之前
3、组件对象的标签在Vue实例对象的标签之中
在这里插入图片描述在这里插入图片描述
如果还是不行的话就重启你的tomcat，至于 jrebel 这个插件为什么不会处理这个变化，我也不知道，欢迎大哥在评论区讲解

道利义
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jsp+jquery项目中正常使用vue组件并调用接口封装的request拦截器
02-28
jsp+jquery项目中正常使用vue组件并调用接口封装的request拦截器
vue前端写完代码后没有效果
weixin_45202582的博客
07-26 2375
1，检查vue的引用链接是否正确，我学习都用这个链接<src=“https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js”> 2，检查标签是否写错，把没有效果的标签屏蔽再把有效果的同款标签复制过来 3，检查关键字是否高亮，没有就该 4，检查标点符号是否出错，因为写多Java代码，会在结束时加上一个“；”，但是在vue中， data:{ message: ‘aaa’, }, 这里的结束都是“，” 5，检查代码逻辑是否出错或者是否符合vue规范 ...
Vue组件失效（全局组件注册成功但未生效，非命名问题）
qq_41422946的博客
10-29 8061
最近在写一个vue的项目，发现写好组件并引入之后标签没有任何效果，也没有报错。 我们先看一下我的vue实例： var actDoubleEleven = new Vue({ el: "#actDoubleEleven", data: { }, methods: { }, created: function () { var ...
做vue项目时碰到${}显示无效
weixin_42934446的博客
08-03 1597
在做vue项目的时候碰到使用${}的时候使用无效 {{computeTime>0 ? `已发送(${computeTime}s)` : '获取验证码'}} 只需要把引号改成·· 就是esc下面那个符号，应该是叫反引号吧
Vue样式不生效 如何解决它
最新发布
geng1025的博客
03-26 546
:v-deep 在预处理器 scss 、sass、less 比较通用 如果使用了预处理器都可以使用 ::v-deep。在Vue项目中，经常需要使用如elementUI、vant、 iview等组件库，都可能自定义一些样式文件，但是有些样式直接在组件中修改无效，因为scoped局限于当前组件，去掉scoped的话又会影响全局样式。如果使用了scoped后,无法修改第三方UI组件库组件的样式，这里可以使用css深度作用选择器，以作样式修改。如果项目使用的是css 原生样式,那么你可以直接使用 穿透修改即可。
JSP页面中引入JS文件没反应
wangxx的博客
02-16 2697
小伙伴们在做网页开发的时候经常用到这种问题，有些是因为js文件的路径错误，如果按住ctrl能点进去文件说明路径正确，废话少说，直接上栗子。 以我的代码为例 <%--引入js文件--%> <script type="text/javascript" src="js/login.js"></script> 如果不是因为路径问题，那可以考虑一下顺序问题，代码的执行顺序是自上而下的，所以引入js文件的标签千万不能和引入jQuery一样放在head标签中，应该放在bod
vue 组件中添加样式不生效的解决方法
08-27
然而，在实际开发过程中，可能会遇到组件内添加的样式不生效的问题。这个问题通常与Vue的`scoped`属性和CSS作用域有关。本文将详细讲解这个问题的产生原因以及解决方法。 ### 问题产生 在Vue组件中，使用`...
详解如何在vue项目中引入elementUI组件
08-28
本文将详细介绍如何在Vue项目中引入ElementUI组件，实现快速构建美观的Web应用程序。 一、前提条件 在引入ElementUI组件之前，需要确保已经安装好了Vue的开发环境，并且已经初始化了Vue项目。可以使用以下命令初始...
如何在vue项目中嵌入jsp页面的方法(2种)
12-28
今日一个项目中一块功能模块是其他系统使用jsp已经开发好的页面，想着直接将其嵌入到当前的vue项目中节约开发成本；但是发现并非想象的那么简单 创建一个server.vue组件加载jsp页面 1 、第一种（使用 v-html进行jsp ...
vue组件如何被其他项目引用
08-30
1. **配置组件**：在被引用的Vue组件项目中，`package.json`的`main`字段应该设置为组件的入口文件，例如`index.js`。这样其他项目可以通过`import`语句直接引用组件。 2. **打包组件**：使用Webpack或其他打包工具...
jsp中使用vuejs+element-ui+vuejs第三方组件
02-17
jsp中使用vuejs+element-ui+vuejs第三方组件
如何在jsp页面里使用vue
热门推荐
weixin_34293059的博客
08-06 1万+
只针对需要的 以下各类同学可以直接跳过 不推荐jsp和vue加一起写的 说直接用jq写的 。。。。。的 吐槽的 各种解决方案的 总结以上说的都是对的，但是已经写完了页面，所以 emmmm。。。。。 申明楼主只是个前端自己写的大部分也都是前后的分离的，不懂java不懂jsp，而且页面也是用vue写完了才知道要加入原有的jsp页面，所以记录一下全当教训了。 本文只是针对维护老项目,需要修改或者重...
深度解析为什么vue组件中添加scoped后某些样式不生效？给出解决办法
孙少的博客
11-08 3344
深度解析为什么vue组件中添加scoped后某些样式不生效？给出解决办法
vue中使用jsp页面问题（vue与iframe相互传值问题）解决，将jsp页面移植到vue项目中的问题解决
qq_44760347的博客
03-09 2474
vue中使用jsp页面问题（vue与iframe相互传值问题）解决，将jsp页面移植到vue项目中的问题解决
JSP项目引入Vue.js进行项目开发（工程搭建）
Nicky's blog
06-03 6361
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
在jsp中引入js和使用vue语法注册组件
m0_59434771的博客
09-14 902
这是使用 Vue.conponent创建组件你好
老项目JSP中如何集成和使用VUE的一些特性
爱无缘的专栏
08-18 3421
VUE主要开发单页面应用，并且为了做到前后端分离的一个产物。使用VUE开发单页面应用主要使用Vue CLI的脚手架来进行快速开发。教程比较多在此就不啰嗦了。但是往往有些项目不是前后端分离的，一句话系统是拿jsp写的，使用老一套的J2ee，这样的项目中都是直接操作的dom，使用的jQuery等。既然VUE好处挺多那我们可不可以在我们的JSP中使用呢，并且对我们的项目要求改造小，不影响之前的功能呢。下面我们就介绍一种方法，在做老项目的同志们可以参考下，也欢迎提出更好的方式。 范围：前台jsp ...
JSP融合vuejs全面重构升级老旧项目页面维护
chenyanqin1992的专栏
03-19 4193
如果在老项目jsp页面的话不可能是全部重构的，所有闪亮登场的就是jsp配合vue杀手锏，可以做出复杂的交互和组件；比如三级菜单在融合商品选择等； 第一步引入挂载header.jsp <script type="text/javascript" src="/bizbox/js/public/vue/vue@2.6.14.min.js"></script> <script type="text/javascript" src="/bizbox/js/public/vue/el
JSP融合vuejs升级老旧项目页面维护续篇之变量获取问题
chenyanqin1992的专栏
03-22 2116
​ ES5中使用var来声明变量，会产生作用域提升的问题； ES5里面不存在块级作用域，只要是在作用域的范围内都能够被访问到； 这块感觉都是老生常谈的问题了，下面来一点干货： //dom元素类jsp页面 <!DOCTYPE html> <html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"/> <title>店
vue整个项目作为组件在另一个项目中引用
05-01
1. 在Vue项目中安装Vue-cli，使用Vue-cli创建新的组件项目。 2. 将原始Vue项目的所有组件都以单独的方式导出。 3. 将所有组件打包为UMD格式，并添加到npm仓库中。 4. 在另一个项目中使用npm安装Vue组件，并在项目...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值