谈论者-CSDN博客

原创 Error in mounted hook: “TypeError: Object(...) is not a function“

常见报错引入的文件名不对。import { queryAllRanking } from "@/api/build";引入的文件路径不对，如import { queryAllRanking } from "@/api/list";

2022-03-04 09:38:07 2090

原创报错 TypeError: Cannot read property ‘getAttribute‘ of null，echart初始化

碰到的场景：使用echart 初始化时报错:报错 TypeError: Cannot read property ‘getAttribute‘ of null排查发现：echarts.init(document.getElementById(“xxxx”))其中的document.getElementById(“xxxx”) 为null ，也即无法获取到，dom元素。<div v-if="getData.length>0"> <div calss="chart" i

2021-05-12 16:44:48 1621 1

原创如何使用Vue的keep-alive 缓存组件与页面。

keep-alive原理：将组件的name与路由的name值进行匹配，匹配上了，即对组件进行缓存。缓存的页面，在切换时不会发数据请求。include 和 exclude prop 允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示。匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。缓存使用的场景比如:1、tab切换时，想要缓存一个tab页的内容。2、查询

2021-04-28 17:29:30 371

原创如何在elementUi动态表格table中翻译字典值。vue通用方案

实现思路:先渲染动态行,然后在行里面添加slot插槽，写需要翻译字典的判断。vue的v-for 的子组件里面 v-if 。注意v-for与v-if不要写在同一标签内。例子: <el-table style="width: 100%" border :data="tableData"> <template v-for="(item,index) in tableHead">

2021-04-28 14:36:35 5317 3

原创如何在elementUi 表格table组件内使用单选框radio

解决思路:使用elementUI的el-radio单选组件，通过插槽slot添加到表格内，通过table提供的单选方法row-click进行单选绑定。简化实现例子:<el-table @row-click="getRowInfo"><el-table-column width="50px" label="选择" align="center"><template slot-scope="scope"> <el-radio v-model="

2021-04-28 14:16:11 6509

原创如何在vue组件中覆写elementUI组件样式+scoped

这是一个非常常见的问题。覆写第三方Ui库的组件样式时经常会碰到。同时使用 scoped与 /deep/才是覆盖样式最优解单组件页面覆写：<style scoped></style>为了vue页面样式模块化，不对全局造成污染，建议每个页面的style标签加上scoped，表示他的样式只属于当前的页面，父组件的样式不会泄漏到子组件中。但是scoped也会造成一些额外的负担，如无法覆盖原有组件的样式。解决方法：在目标组件外层添加一个div盒子，同时添加深度作用选择器 /de

2021-04-27 20:44:03 786

原创 elementUi的el-input-number组件在60版本谷歌浏览器导致的蓝屏

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-04-26 18:00:55 291 1

change10000的博客