- 博客(7)
- 收藏
- 关注
RSS订阅原创 2021-09-22
echarts关系图自定义节点tooltip和节点间连线tooptip内容最近在做echarts关系图的一些功能，随手记录一下在完成过程遇到的一些问题。产品提的需求是在节点的tooptip上保留echarts自带的样式与内容, 并且内容超过38个字需要换行：连线上的tooptip需求为展示两个节点的名称并且文字过长换行：在看了echarts的配置项后，我们发现有一个tooltip属性可以控制悬浮展示的内容，tooltip里有一个formatter属性可以修改悬浮框里面的内容（大家可以仔细阅读一下配置文
2021-09-22 11:48:01
312
原创 表格中文字超出隐藏（用...隐藏超出内容，鼠标悬浮显示内容），关于封装的x-ellipsis
在一个x-ellipsis展示后端传回来的一个对象内容，代码如下<div slot="configMap" slot-scope="data"> <x-ellipsis :label="getItemOperations(data.row.configMap)" mode="origin" /></div>js代码如下 getSecond(item) { return item.second ? item.second + '次/秒,' .
2021-07-28 21:58:37
269
原创 路由拼接的踩坑问题记录
在项目中，我们经常需要将参数拼接到地址栏上，以便请求接口的时候拿到所需要的入参。在vue中，我们可以使用this.$router.replace()方法将我们所需要拼接的参数替换到地址栏上。记录的使用时遇到的问题使用方法时会加载两次界面，走两次created()挂载期，导致created()里请求的接口请求了两次，导致浏览器请求的负担加重，还会出现一些渲染上的bug。原因在this.$router.replace()的方法中，我们不能改变里面的拼接内容，所以需要在拼接前加上原有路由，如图
2021-07-02 17:53:23
282
原创 this.$refs与created()的踩坑问题记录
问题：List ite将this.$refs写在挂载期created()里，页面控制台报错undefind原因：ref在dom树渲染完成以后才会生成，而created()期是挂载的过程，dom树还没渲染完成，所以找不到ref,返回undefind.解决方法在created()中加入this.$nextTick(()=>{}),在里面调用ref,此方法会在渲染完成后执行，可以解决渲染异步问题...
2021-07-02 11:41:18
856
原创 vue中scoped的效果
<style lang=“scss” scoped 中scoped中scoped的作用是表示只在局部作用域有用。如果引入外部组件，并且想修改外部组件样式是修改不成功的。就比如我引入了一个icon组件，想修改icon组件的尺寸，是修改不了的，必须去掉scoped...
2021-04-20 15:09:21
186
原创 VUE组件中插槽的理解与使用
VUE组件中插槽的理解与使用什么是插槽？插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。通俗的说是：slot 是在父组建控制了子组件显示或隐藏相关内容插槽的分类：1、普通插槽：通过一个 slot 标签声明一个区域来为它存放实参， Vue.component('child',{
2020-10-08 11:38:55
860
原创 关于伪类选择器选中行内元素的一点小看法“：：first-selection”
伪类选择器就是对文本中样式进行样式的修改：：：after{} 选中之后不存在节点，配合content使用，表示在文本之后加入元素 P::after { content: '&&&'; color: red; } <p>第一章</p> <p>第二章</p> <p>第三章</p>：：before{}选中之后不存在节点，配合c
2020-08-06 00:16:23
278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人