xjh01的博客

官网的说明里没有讲清楚以上图中框出的两个属性进行说明，只需要返回style字符串就可以<el-table :header-cell-style="headerCellStyle" :cell-style="cellStyle"></el-table>然后再script里headerCellStyle({ row, rowIndex }) { return 'background-color: #F2F6FF;text-align: center;' },cell

原因是用了el-tab组件导致的，解决方法：var myChart=document.getElementById("#myChart"); //获取元素 //重要：给元素设置宽度myChart.style.width=window.innerWidth+'px';chartObj=echarts.init(myChart); //初始化图表chartObj.setOption(option); //给图表配置设置...

【原文】vue-router 传参的三种基本方式项目中很多情况下都需要进行路由之间的传值，想过很多种方式sessionstorage/localstorage/cookie 进行离线缓存存储也可以，用vuex也可以，不过有些大材小用吧，不管怎么说因场景而异下面我来说下vue自带的路由传参的三种基本方式先有如下场景 点击当前页的某个按钮跳转到另外一个页面去，并将某个值带过去第一种方法 页面刷新数据不会丢失methods：{ insurance(id) { //直接调用$route

【原文链接】 elementUI实现分页前端分页：后台只需将数据返回，不需要做过多处理，前端一次请求拿到所有数据后做分页处理。但数据量不能太大，因为前端是先一次性加载所有数据，然后在做分页处理。在数据量多的情况下，加载相对应的会变慢。所有在前端做分页时要先考虑一下后期的数据量。后端分页：因为是后端分页，前端在每点击一次分页时，便向后台请求一次数据。其实就是避免前端一次性从数据库获取大量数据前端分页tableData.slice((currentPage-1)*PageSize,curren

在写项目时，获取了数据后想要代码比较简洁，但在各种循环时出现了很多问题。由于获取的数据格式，跟最后需要提交的数据格式不一致，所以一开始打算分为两个数据，一个是负责显示的数据A，另一个是负责绑定的数据B。A负责页面的渲染，B负责最终的提交。这个过程里面，常出现的两个问题，一个是length undefined如下图这个提示的原因一般是数据格式不是数组，所以获取不到length属性另一个是跟上面长得很像 property 'xxx' of undefined，这个是因为对象里没有'xxx'这个属性所

echarts绘制图表的.js文件，新建了一个饼图，但是没有能绘制出来。反复检查后找到错误所在。我是通过.vue文件把数据以参数形式传给了图表绘制文件.js里，在.js里的参数legend需要一个图例数据（数组形式）。所以，我const legend_data = [] (function() { comuhome_data.forEach(item => legend_data.push(item.name)) })()但这样是有错误提示的。编译时，出现下图错误提示，并且页

在自定义的图例绘制.js中写了一个新的图例函数，但是页面中却渲染不出来。虽然没找到原因，但是将.js函数里定义变量的var改成const后，就能正常渲染了。倒推回来，原因可能是.js里写了多个函数，而每个函数里又都用var定义了相同变量名的变量，导致了命名污染，这也只是猜测。...

这个问题太TM打头，虽然找到解决办法，但并不知道原理。现在记录一下一个.vue文件要绘制图形，echarts内容单独写了个.js文件，暴露.js里的绘制函数，用import引入，并在created钩子时调用绘制。但结果却没有实现绘制，问题出在通过request获取后台的数据，明明是个数组对象，但却有_ob_:Observer(如下图)据说是vue为了起到观察值变化，所以添加了这么个东西，但这不是我关心的。网上也说通过JSON.parse(JSON.stringfy(data))可以解决，所以我在.v

在这个项目里，将request得到的数据push到数组里。再在一个method里能console.log出数组对象里的内容，但arr.length却是0，因此不能用循环获取里面的元素。一个解决的办法：将要处理数组的代码，直接写在request的success时axios.then(response => { reponse.data /*处理数组代码块*/})...

这个提示是不能读取未定义的‘value’属性，但之前已经在created钩子时通过axios从服务器端获取了数据，尝试了用this.$nexttrick()和async await都不行（也有可能是我没有用对）。搜索一番后，得知这是因为获得的数据有多层包裹，例如我遇到的项目是 data{ ...platform_info { ...datalist []... }... }，因为datalist位置太深获取不到。但解决方法也很简单，就是在页面渲染时做一个判断，如果platform_info或者datal

转载于“手摸手，带你用vue撸后台 系列三(实战篇)” 链接通过dialog来编辑，新建，删除table的元素这种业务场景相对于前面说的两种更加的常见。而且也有不少的小坑。首先我们要明确一个点 vue 是一个MVVM框架，我们传统写代码是命令式编程，拿到table这个dom之后就是命令式对dom增删改。而我们现在用声明式编程，只用关注data的变化就好了，所以我们这里的增删改都是基于list这个数组来的。这里我们还要明确一点vue 列表渲染注意事项由于 JavaScript 的限制， Vue 不能检测

在使用el-image组件加载本地图片（src/assets/logo/logo.png）时，总是提示Failed，图片显示不出来。搜索后得知，要在路径前使用require加载所以将引用路径改为下面截图后，就可以正常显示了注意：引用过程中单双引号的配对...

做了个计算属性sections，获取store里部门的内容，但一直提示这个计算属性没有定义。相同的内容，在另一个页面中是成功的。最后，发现，原来是已经有了一个computed……艹

页面一加载就提示Uncaught TypeError: Cannot read property ‘match’ of undefined网上教的package-lock.json， 然后 npm install，试过了，没有解决我的问题再反复检查代码，其中还有 match 属性的部分完全没有问题，也没有进行过修改，之前都是成功执行了的。忽然发现，我调用 match 的属性是 cname，但我在mock数据里原本是 cname现在改成了name 。倒回去把所有cname的地方都改成了name后，代码就

添加一条input框，然后根据官方给出的方法是用即可变更方法，顾名思义，会变更调用了这些方法的原始数组。相比之下，也有非变更方法，例如 filter()、concat() 和 slice()。它们不会变更原始数组，而总是返回一个新数组。当使用非变更方法时，可以用新数组替换旧数组：example1.items = example1.items.filter(function (item) { return item.message.match(/Foo/)})参考链接：[https://cn

最近用vue-element-admin框架，在访问阿凡达api和百度api的时候，会出现提示跨域问题。搜索了半天，再通过自己尝试，总结如下：Vue 3.0为了解决跨域，使用了 http-proxy-middleware 。在根目录下，有个vue.config.js文件，只需要在其中配置proxy项，就能解决跨域问题。so easyproxy: { "/locainfo": { //在...

无意间访问到中国天气网，网站提供自定义的插件内容，获得代码如下：<!-- weather_plugin --><script type="text/javascript"> WIDGET = {FID: 'xxxxxxxxxx'}</script><script type="text/javascript" src="https://apip.w...

写项目过程中用ESLint遵守代码规范很有必要，但是对于一些规范也很是无语，比如：‘Unexpected console statement (no-console)’，连console都不能用，这就很抓狂了。其实增加一行代码即可。修改package.json中的eslintConfig:{} 中的 “rules”:{}，增加一行代码: “no-console”:“off”原帖地址：https...