
感悟
文章平均质量分 74
修炼室
这个作者很懒,什么都没留下…
展开
-
或许我们应该勇敢质疑eslint【关于export default规则】
问题描述在项目中,我尝试学习一个开源项目的将组件组合在一个index.ts中,然后我尝试和开源项目中保持一致,直接将导入的模块export于是我根据项目中变动了一下导入的组件,但是大体逻辑上不变开源项目中自己项目中然后很神奇的是居然报错了……仔细看了一下报错原因更希望以default export导出找不到对应的组件然后我就很自然的对问题一个一个的解决,我在导出的地方加上default很自然的就消除了这一个问题……然后……就是漫长的改bug……自闭……无奈……解决方法—原创 2022-03-17 00:21:34 · 3757 阅读 · 0 评论 -
TypeScript封装axios【包括详细的请求接口和设置】
问题描述现在我们的项目需要升级,技术栈为Vue3+TypeScript。所以,现在我需要使用TS对axios进行重新封装解决过程1.安装axios使用npm安装axios依赖npm install axios2.实现基本封装首先导入axios创造构造器设置request其中可能出现的问题Cannot find module ‘axios;‘ or its corresponding type declarations.ts(2307)...原创 2022-03-14 11:34:35 · 13333 阅读 · 3 评论 -
Markdown内容可复制(mavonEditor,v-html)
通过上述步骤,我们实现了在 Markdown 渲染的 HTML 中为代码块添加复制功能。当用户将鼠标悬浮在代码块上时,复制按钮会出现;点击按钮时,代码内容将被复制到剪贴板。使用。原创 2021-11-28 23:41:19 · 7766 阅读 · 2 评论 -
messbox与before-leave联合使用
需求描述现在我实现的效果是,如果题目集结束或者第一次进来不弹框提醒上一版本效果但是现在要求,如果做题内容改变,离开才提示修改样式修改样式刚才我大致修改了一下,现在的效果所以,现在我的问题就是点击确定才跳转leaveTab() { if (this.judgeCount !== 0 && this.endState) { this.$confirm('检测到未保存的内容,是否在离开页面前保存修改?', '提示', {原创 2021-10-31 19:15:37 · 234 阅读 · 0 评论 -
解决table prop+自定义 赋值
问题描述现在我遇到的问题就是,后端给我的数据是这样的然后还有中文……我已经将table的头渲染上去了,但是我需要做到赋值就遇到了困难然后我就有点纠结,为什么这么给我,然后我去类似的平台看了一下,结果人家也是这样……(这样就没办法吐槽了,只能自己去研究,看来还是自己的水平不太够啊)解决过程尝试template scope我百度大概查了一下的确能做到赋值,但是和我想要实现的效果差了很多……主要是这个表格是一个子组件,如果直接在父组件中修改,是没有效果的。而且后端接口的每一个属性都放原创 2021-10-22 00:14:36 · 1788 阅读 · 0 评论 -
table多选删除
问题描述现在我想在el-table中实现多选删除 效果但是,现在我根本就做不到选择,只要一选择,就会全部选中而且会报错不过这个应该不算是问题,之前有一个同样的组件也报错,但是实现了效果解决过程我现在找到了最终嵌套形式ojTestPoint—>ojTopicList中的 collapse(折叠面板)中 ---->topic而且每次选择还会调用 最终父组件 (topic.vue)中的getClick方法现在我需要解决:1.为什么我点击table的CheckBox会调原创 2021-10-17 20:58:54 · 465 阅读 · 0 评论 -
textarea显示\n没有换行
通过将\\n转换为实际的换行符\n,我们可以确保从后端接收到的文本在前端显示时格式正确。这种处理方法不仅适用于 Vue 组件,也可以广泛应用于其他前端框架和纯 JavaScript 应用中。使用方法结合正则表达式,可以灵活处理各种字符串格式化问题,提高应用程序的用户体验和文本呈现效果。原创 2021-10-16 14:31:51 · 3795 阅读 · 0 评论 -
tabs实现数据的动态切换
实现效果大致思路首先,我想对接口中查询到的每种题型的个数进行判断,找到那个count不为零的题目类型ID,并且是第一个出现的,查询之后不再进入,然后查询并渲染题目解决方法开始我就想着,怎么把这个tabs标签页的activeName给变化到那个 第一个 有值的地方首先我对 获取题目集类型 接口获得的数据,进行循环,然后改变值代码如下:// 获取题目集下题目类型列表 async getTypeList() { const data = await api.getTopicSe原创 2021-10-14 12:45:26 · 1555 阅读 · 0 评论 -
tabs切换(v-for),填写内容
实现效果问题描述:因为我是通过v-html方法实现的填空题,现在需要将用户历史提交的答案查出来,并动态渲染上页面,但是开始不知道如何去实现。尝试方法created/mounted我是想在页面渲染完成,便自动调用方法,但是失败了,根本就没有调用到这个方法,甚至我都看不到打印信息和报错原因猜测因为tabs组件其实在进入开始的时候就已经进入到了created钩子函数中,但是因为我们项目是通过v-for和v-if进行对显示组件的渲染,也就是说 在一开始就已经错过了时间[Vue生命周期图示]#原创 2021-10-11 16:00:28 · 930 阅读 · 0 评论 -
el-tabs切换 确认
实现效果相关知识el-tabs具有属性before-leave解决代码<template> <el-tabs v-model="activeName" :before-leave="leaveTab"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理</e原创 2021-10-10 16:08:01 · 592 阅读 · 0 评论 -
获取填空题的值
获取填空题的值问题描述出现原因(发现原因过程)1.在DOM树中寻找`blank`①在开发者工具(`F12`打开或右键`检查`)选中`Elements`②`ctrl + F`输入`blank`(这是我each的selector)2.发现好像多了很多东西3.继续寻找`testBlank`4.发现出现了很多个一样的题目解决办法在填空题外层,包裹一层div class `allBlank`问题描述现在,我的页面是这样的我需要获取到每个input的值,但是这些input是通过v-html转化字符串过来的字原创 2021-10-07 02:18:37 · 400 阅读 · 0 评论