![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
感悟
文章平均质量分 68
修炼室
这个作者很懒,什么都没留下…
展开
-
或许我们应该勇敢质疑eslint【关于export default规则】
问题描述在项目中,我尝试学习一个开源项目的将组件组合在一个index.ts中,然后我尝试和开源项目中保持一致,直接将导入的模块export于是我根据项目中变动了一下导入的组件,但是大体逻辑上不变开源项目中自己项目中然后很神奇的是居然报错了……仔细看了一下报错原因更希望以default export导出找不到对应的组件然后我就很自然的对问题一个一个的解决,我在导出的地方加上default很自然的就消除了这一个问题……然后……就是漫长的改bug……自闭……无奈……解决方法—原创 2022-03-17 00:21:34 · 3203 阅读 · 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 · 12240 阅读 · 3 评论 -
Markdown内容可复制(mavonEditor,v-html)
问题描述现在我需要做到markdown创建题目后,代码段转换为html后,可以实现复制功能,大致功能展示如下现在的效果是可以出现代码段,但是无法进行自动复制实现过程现在我们分析我们要实现的功能如下鼠标悬浮,出现按钮点击按钮,复制内容鼠标悬浮,出现按钮html部分<div class="testMarkdown"> <div v-html="item.topicDescription" style="margin-top: -8px">&原创 2021-11-28 23:41:19 · 5652 阅读 · 2 评论 -
messbox与before-leave联合使用
需求描述现在我实现的效果是,如果题目集结束或者第一次进来不弹框提醒上一版本效果但是现在要求,如果做题内容改变,离开才提示修改样式修改样式刚才我大致修改了一下,现在的效果所以,现在我的问题就是点击确定才跳转leaveTab() { if (this.judgeCount !== 0 && this.endState) { this.$confirm('检测到未保存的内容,是否在离开页面前保存修改?', '提示', {原创 2021-10-31 19:15:37 · 188 阅读 · 0 评论 -
解决table prop+自定义 赋值
问题描述现在我遇到的问题就是,后端给我的数据是这样的然后还有中文……我已经将table的头渲染上去了,但是我需要做到赋值就遇到了困难然后我就有点纠结,为什么这么给我,然后我去类似的平台看了一下,结果人家也是这样……(这样就没办法吐槽了,只能自己去研究,看来还是自己的水平不太够啊)解决过程尝试template scope我百度大概查了一下的确能做到赋值,但是和我想要实现的效果差了很多……主要是这个表格是一个子组件,如果直接在父组件中修改,是没有效果的。而且后端接口的每一个属性都放原创 2021-10-22 00:14:36 · 1551 阅读 · 0 评论 -
table多选删除
问题描述现在我想在el-table中实现多选删除 效果但是,现在我根本就做不到选择,只要一选择,就会全部选中而且会报错不过这个应该不算是问题,之前有一个同样的组件也报错,但是实现了效果解决过程我现在找到了最终嵌套形式ojTestPoint—>ojTopicList中的 collapse(折叠面板)中 ---->topic而且每次选择还会调用 最终父组件 (topic.vue)中的getClick方法现在我需要解决:1.为什么我点击table的CheckBox会调原创 2021-10-17 20:58:54 · 380 阅读 · 0 评论 -
textarea显示\n没有换行
问题描述现在我需要需要将\n真正转换为回车换行解决方法使用replace替换掉\\n为\n字符串.replace(/需要替换的字符串/g , "新的字符串")因为发现后端传来的数据是\\n但是渲染出来的时候却少了一个(\n)所以想到去替换成\n去处理解决代码this.testPoint.out = this.testPoint.out.replace(/\\n/g , '\n')代码解释/g是js中正则表达式查询所有匹配替换成\n,textarea可以自动识别实现效果原创 2021-10-16 14:31:51 · 2896 阅读 · 0 评论 -
tabs实现数据的动态切换
实现效果大致思路首先,我想对接口中查询到的每种题型的个数进行判断,找到那个count不为零的题目类型ID,并且是第一个出现的,查询之后不再进入,然后查询并渲染题目解决方法开始我就想着,怎么把这个tabs标签页的activeName给变化到那个 第一个 有值的地方首先我对 获取题目集类型 接口获得的数据,进行循环,然后改变值代码如下:// 获取题目集下题目类型列表 async getTypeList() { const data = await api.getTopicSe原创 2021-10-14 12:45:26 · 1423 阅读 · 0 评论 -
tabs切换(v-for),填写内容
实现效果问题描述:因为我是通过v-html方法实现的填空题,现在需要将用户历史提交的答案查出来,并动态渲染上页面,但是开始不知道如何去实现。尝试方法created/mounted我是想在页面渲染完成,便自动调用方法,但是失败了,根本就没有调用到这个方法,甚至我都看不到打印信息和报错原因猜测因为tabs组件其实在进入开始的时候就已经进入到了created钩子函数中,但是因为我们项目是通过v-for和v-if进行对显示组件的渲染,也就是说 在一开始就已经错过了时间[Vue生命周期图示]#原创 2021-10-11 16:00:28 · 815 阅读 · 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 · 504 阅读 · 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 · 343 阅读 · 0 评论