前端小白到专家的博客

在echarts中显示markLine，代码正常设置就是不显示markLine线。原因有以下几点：1.markline的数值超出纵坐标范围。2.markline设置的时候echarts图表中没有数据，这时候需要先设置markLine线，然后获取echarts，再次设置显示就可以了。

在每次显示的echarts图表时，有时候需要将之前的数据删除，在这个时候不能用clear，用这个删除会导致整个图表都删掉了，还得重新初始化。

在实际应用之中有时候不确定后端返回的数据需要显示在几个图表中，从数据中解析需要显示几张图表，每一次显示的数目都不一样。

在使用quasar框架时，有需求展示一个文件，内容是一篇文章，里面就会有换行符，但是在页面显示就是一行，没有换行符。

在quasar中增加第三方组件，参见https://editor.youkuaiyun.com/md/?在使用组件是，在页面显示字符的时候两端会出现引号。

在quasar中使用vue3,数组大小未知，需要动态绑定input数值，来让用户输入。

【代码】echart Y轴设置。

flask server后端返回数据是字符串数据，在前端是无法使用对象获取值的。也就是层级关系无法实现。所以需要将json字符串转成json对象才可以。网上有很多类似的代码，但是都不能成功，由于是后端返回的数据是json，不能用JSON.parse转成json对象来使用。试了很多代码都不可以，最后找到了如下代码实现。

在quasar开发时，遇到了，点击需要打开新页面的需求，而在正常的router代码中是没有实现的。这样就在新的页面打开要加载的页面。

在quasar框架开发时，用到弹窗提示，这就是使用quasar框架自带的dialog插件。

在quasar框架中使用table-panel时，多个panel之间切换，切换到第二个pannel时，但panel下面的数据仍然是第一个panel下面的数据。

quasar框架中使用q-table改变字体大小样式的需求，在html的q-table中使用style样式不能生效。

quasar框架中使用vue3保存后端发来的数据，总是一行。没有缩进格式非常难看。代码：格式如下：原因分析：函数如下：例如：在一些项目中在页面更新时会发送GET请求到后端获取数据。之前已经获取过了，在获取就会出现没有数据。代码：效果：...

在quasar框架中使用vue3的axios发送post请求时出现乱码：请求代码如下：从浏览器的debug控制台可以看到返回response类型：其中Content-Type：application/vnd.openxmlformats-officedocument.spreadsheetml.sheet这个是新版的xlsx后缀名的格式。保存文档类型如下：原因分析：解决方案：代码如下：...

在quasar框架中使用vue不能获取Dom元素，显示是NULL。

在前端开发时经常会用到表格显示数据，但是在quasar的q-table中没有能实现我们目的属性，这时就需要更强大的插件来完成。这个就是vxe-table插件，实现更多的表格功能。1.安装依赖。2.quasar配置。在quasar.conf.js中module.exports = configure(function (ctx)里面的boot:内增加vxe-table启动插件。在/src/boot目录下创建一个文件vxe-table.js，文件内容是：这时会提示然后安装对应依赖即可：3.使用在任

`提示：这里描述具体问题：1.npm install handsontable-pro @handsontable-pro/vuenpm install handsontable @handsontable/vue2.Luckysheet3.SpreadJS商业收费例如：浏览器按F5会刷新界面，在quasar或vue中怎么禁止。原因分析：例如：在一些项目中在页面更新时会发送GET请求到后端获取数据。之前已经获取过了，在获取就会出现没有数据。例如：在函数中把F5按键禁止掉，具体就是检测到F5的按键

在quasar框架开发中，前端界面在提取后台返回数据时，发现后台返回的数据中有空格，导致前端无法用正常的.的形式调用。server 返回数据：在vscode中代码提示如下：eslint提示如下：原因分析：解决方案：有两种方式可以解决：1.用数组形式调用。结果如下：2.用for循环打印打印结果：到此完美解决。...

ubuntu sar mpstat等一些命令需要安装sysstatquasar 启动server，默认用的是http协议，修改为https方法。在quasar.conf.js中server type修改为https，即可。但是这个会提示链接不安全。

在开发中我们想要固定页面布局，不受浏览器放大缩小影响。原始页面：缩小效果：.page{max-width: 1540px;min-width: 1540px;}

在quasar中使用echarts插件时，发现后台数据返回值过大在echarts图表中Y轴显示不全，为0000000。

在quasar框架中使用axios.get().axios.post()等方法时会出现后端网络断了或者网络链接出现问题时，就会出现错误提示，之前都使用axios拦截器处理。

vue3.0使用watch监听出现Invalid watch source: 127.0.0.1 A watch source can only be a getter/effect function。

在项目中使用缓存来保持页面不被更新，但是在使用keep-alive时会给出警告。vue3缓存与vue2缓存不一样，需要注意。下面是代码。然后浏览器给出如下警告：

在quasar框架中的/src/boot/axios.js中使用router.push()无效。/router/index.js/src/boot/axios.js引用，提示不能使用push()引入/router/index.js结果push()不能跳转没有反映。这个就可以正常跳转了。

在quasar框架中，用js创建的dialog，是进度条的话，在用如下代码关闭进度对话框，会出现失去焦点的情况。界面的布局和一些按钮都不能用。原因分析：解决方案：或者在界面上重新获取焦点，这个方法没使用过，只是理论上可以使用。...

问题描述提示：这里描述具体问题：在vue3开发时会出现保存文件的需求，在一个页面选择保存文件的位置，在另一个页面往文件里面写数据。实时从远端获取数据写到本地文件。有两个问题需要解决。问题一：两个页面如何传递文件句柄这类费字符对象。前面文章已经解答。参见：https://blog.youkuaiyun.com/qq_28866895/article/details/124407112问题二：每一次打开新文件会覆盖之前文件的内容，这不是我们想要的结果。这就需要先把文件的内容读出来，然后在写回去。获取文件co

问题描述提示：这里描述具体问题：在界面开发时，需要两个页面之间传递一些数据，而这些数据又不是字符的数据，字符数据可以有两种传递方式。第一：用vue-router携带参数即可传递，对象也能传递。第二：用sessionstroage也可以保存字符数据，但是在费字符数据就没办法做到。而在实际开发中有需要做页面之间的费字符对象的传递，有两种方法可以做到。第一：用mitt传递费字符对象（本文就是例子，可以实现）代码：参见 https://download.youkuaiyun.com/download/qq_2886

问题描述提示：这里描述具体问题：在项目中遇到需要数组中包含数组，类似[[1,2,2],[1,2,3]]。例如：首先需要定义一个二维数组，在vue中定义为 const arr = [[]],然后在二维数组赋值时需要在每一行新创建数组。// 定义const arr = [[]]//在使用时，需要创建一个一维数组，否则会报错。arr[i] = []// 赋值arr[i][j] = 1首先需要定义一个二维数组，在vue3原型链中定义为 const arr = ref([[]]),然后在二维数组

解决axios或ajax访问多个不同的url问题。

问题描述提示：这里描述具体问题：在开发浏览器界面时，有时候需要增加保存文件功能。前后端分离的系统里面需要前端实时发送获取数据的请求，然后在前端保存起来，存到文件中。用fileSaver存文件时的问题在，保存一次就是一个文件。在后续实时增加文件中不能实时保存，需要一次性保存文件，在数据量很大的时候不能很好的工作。例如：浏览器按F5会刷新界面，在quasar或vue中怎么禁止。 // 禁止浏览器刷新 function diableF5 () { document.onkeydow

问题描述提示：这里描述具体问题：我们再用table表格的时候多多少少都会有限制个数的时候，在正常的表格上只有单选或或者多选的样式，没有在多选里面添加最多选几个选项的属性。例如：我在table表格中只想选择两项。 // 禁止浏览器刷新 function diableF5 () { document.onkeydown = function (e) { const key = window.event.keyCode if (key === 11

前端设置滚动区域始终保持显示在最底端。