关于JSP 内套vue 套elui 的this的工作域指向不同

已于 2023-02-09 10:17:32 修改
阅读量192 收藏
点赞数 1
分类专栏： jsp套vue的坑 文章标签： spring mybatis java Powered by 金山文档
于 2023-02-09 10:11:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52434502/article/details/128947988
版权
在Vue的点击事件处理函数内，使用jQuery的AJAX进行数据交互时，直接在AJAX中用this访问Vue的属性会失败，因为this上下文改变了。解决方法是在AJAX外层保存vue的this到一个变量，然后在AJAX内部使用该变量来访问Vue的数据。
摘要由CSDN通过智能技术生成

使用jquery在vue的点击事件的方法里面写ajax进行跳转如果要取vue的值的话不能直接在ajax里面直接用this去取vue的值，这样子是取不到的.因为ajax里面的this指向的不是vue，所以我们应该在ajax外层将vue的this赋值给一个变量,然后在用这个变量去取.这是jsp套vue的一个坑

背影遥不可及
关注
专栏目录
vue 请求嵌套_vue 嵌套路由
weixin_29215969的博客
12-29 574
一、使用的方法和组件：1、new VueRouter({}) 多个配置项2、routes[] 一般路由3、path:'‘’路径 component:about 这个是取名 实际路径4、redirect:'' path:'' 自动跳转5、import router from './router'6、注册路由 new Vue(){router }7、使用路由组标签 用来生成路由链接 用来显...
Vue的基本语法、插值表达式、基础指令笔记
qq_38304572的博客
12-04 1731
一、Vue的基本语法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 引入vue.js，官网下载开发者版本 --> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </...
vue项目如何套样式_VUE项目实现主题切换的多种方法
weixin_42126749的博客
02-05 1340
需求是 做一个深色主题和浅色主题切换的效果方法一 多套css这个方法也是最简单，也是最无聊的。动态获取父级class名称，进行一个父级class的多次定义{{ className == "box" ? "开灯" : "关灯" }}export default {name: "Centre",data() {return {className: "box"};},methods: {// 改变cla...
vue项目如何套样式_优雅地实现Vue项目的换肤功能
weixin_32016817的博客
12-23 527
前言网上关于前端项目的换肤功能，有很多文章和解决方案，我就不在这里一一列举了，下面我会根据我司项目的具体情况，来实现换肤功能的一整套计划，包括后期如何快速新增主题，减少代码量。项目简介项目采用 vue-cli 脚手架搭建项目基于 element-ui 组件进行开发项目采用 scss 预处理器作为样式编写语言换肤思考项目的换肤对象分两种：Element组件 和 项目自定义页面及组件。Element组...
vue中对话框内套tabs 关闭后会有缓存现象解决方法
weixin_62456014的博客
08-10 224
强制关闭了之后 页面会一直转圈 需要重新调用方法渲染数据。
vue + element ui 实现前端分页
阳光总在风雨后丶
05-21 435
提示：在日常开发中遇到了需要前端分页的情况，因为偷懒不想自己动手，于是在CSDN中找到了大佬的一篇文章原文链接????**https://blog.csdn.net/zxcbnm7089/article/details/111547368**，写的很棒，可直接使用，特次记录一下! 若有侵权请联系删除！ 话不多说，直接上代码！！ 一、DOM结构 <el-pagination @size-change="handleSizeChange" @current-change="handleCur
Vue Router 嵌套路由
qq_40930841的博客
04-29 1731
父路由路径/子路由路径// router.js文件内容如下：// 导入组件// // 创建路由实例对象// // routes数组用于定义路由匹配规则// ]// })// // 导出路由实例对象//嵌套路由routes: [})// 导出路由实例对象。
element-ui 弹窗里面嵌套弹窗，解决第二个弹窗被遮罩层掩盖无法显示的问题
锦瑟年华L的博客
08-28 5038
具体使用就是在第一个弹窗中设置 :modal-append-to-body="false" ，在第二个弹窗中设置 :append-to-body="true"我们可以把两个弹窗平级写在主页面中，并同时给2个弹窗设置 :append-to-body="true"这样就能实现我们想要的效果了。
vue中的slot标签
qq_45550167的博客
11-23 3764
（二十八）Slot分发内容 ①概述： 简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是slot分发负责的活。 ②默认情况下 父组件在子组件内套的内容，是不显示的。 例如代码： [html] view plain copy 在CODE上查看代码片 派生到我的代码片 12345 显示内容是一个button按钮，不包含span标签里面的内容； ③单个slot
行业资料-交通装置-一种汽车转向衬套的内套组件.zip
08-25
行业资料-交通装置-一种汽车转向衬套的内套组件.zip
行业文档-设计装置-内套管式钢筋混凝土空心梁.zip
08-25
内套管式钢筋混凝土空心梁是一种在现代桥梁与建筑工程中广泛应用的设计技术，它结合了钢筋混凝土的结构强度和空心结构的经济效益。这种设计在提高承载能力的同时，减轻了结构自重，降低了材料消耗，提高了工程的经济...
使用Vue绘制大圆内套小圆并且小圆均匀紧靠大圆边,注意小圆数量不固定，代码
02-23
使用 Vue 可以通过计算大圆的半径，然后按照等距离放置小圆，来实现大圆内套小圆的效果。具体代码如下： v-for="(circle, index) in circles" :radius="radius" :angle="360 * (index / circles.length)" ...
SpEL（Spring Expression Language）入门指南
kersixy的博客
11-05 693
SpEL（Spring Expression Language）是 Spring 框架提供的一个强大的表达式语言，用于在运行时查询和操作对象图。它类似于 JSP EL（JavaServer Pages Expression Language）和 OGNL（Object-Graph Navigation Language），但在功能上更为丰富和强大。
Spring中@Autowired@Resource和@Inject注解区别
2401_87333857的博客
11-06 416
同时，它默认是采用byType装配，当指定了1SR-330规范中的@Named注解之后，变成byName装配。它也可以出现在方法上，构造函数上和字段上但是需要注意的是:因为IRE无法决定构造方法注入的优先级，所以规范中规定类中只能有一个构造方法带@Inject注解。@Autowired:来源于spring框架自身默认是byType自动装配，当配合了@Qualifier注解之后，在没有指定name属性时是byType自动装配，当指定了name属性之后，采用byName方式自动装配。
SpringBoot助力的共享汽车业务优化系统
2402_85762143的博客
11-09 644
在整个系统测试中，根据需求文档和设计文档，逐一对功能进行检测并写好测试用例，有效避免残片缺陷，因为产品出现缺陷不仅影响功能，而且可以导致数据的不准确，导致产品质量的降低，经过测试，才能使得产品的稳定性和成熟度得到极大的提升，产品质量也才有保证。近来，软件工程界趋向于一种新的观点，即认为软件生命周期每一阶段中都应包含测试，从而检验本阶段的成果是否接近预期的目标，尽可能早的发现错误并加以修正，如果不在早期阶段进行测试，错误的延时扩散常常会导致最后成品测试的巨大困难。任务：消除软件故障，保证程序的可靠运行。
嵌入式Linux入门具备：C语言基础与基本驱动学习（2）：Linux GIibc IO基础
charlie114514191的博客
11-05 700
对于标准 I/O 库函数来说，它们的操作是围绕 FILE 指针进行的，当使用标准 I/O 库函数打开或创建一个文件时，会返回一个指向 FILE 类型对象的指针（FILE *） ，使用该 FILE 指针与被打开或创建的文件相关联，然后该 FILE 指针就用于后续的标准 I/O 操作（使用标准 I/O 库函数进行 I/O 操作），所以由此可知，FILE 指针的作用相当于文件描述符，只不过 FILE 指针用于标准 I/O 库函数中、而文件描述符则用于文件I/O 系统调用中。函数调用成功返回写入到文件中的字符数；
为何选择Spring AI Alibaba开发智能客服平台？
最新发布
JavaEdge全是干货的技术号
11-09 419
本文来看如何使用Spring AI Alibaba构建Agent应用。
Spring中的ConversionService，为Spring提供数据转换服务
weixin_42286658的博客
11-05 382
运行结果：上面的代码我们自定义了一个Date和String的Formatter，那么DefaultFormattingConversionService在进行Date和String之间的相互转换时，就会用我们自定义的Formatter 进行格式化和解析@Test@Override@Override});
Spring-Day8
2301_78630849的博客
11-09 409
一组关联的数据库操作；要么都成功，要么都失败，保证业务操作完整性的一种数据库机制。
新型伸缩式套筒液压举升缸：设备装置的技术革新
2. 伸缩性：能够根据不同的工作高度进行伸缩，适应不同的作业环境。 3. 套筒结构：提供较大的举升面积和稳定的承载能力。 4. 液压驱动：通过液压油的压缩与释放，实现精确控制举升过程。 知识点四：液压举升缸的...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值