Echarts 自定义、覆盖legend点击事件、禁用legend默认的点击行为的实现 Echarts 自定义、覆盖legend点击事件、禁用legend默认的点击行为的实现。有一个需求场景,使用Echarts时想要自定义legend的点击事件,但是不要legend的默认点击事件--就是点击会隐藏和显示对应的饼图。
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘0‘) Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '0')
ant design vue中Popover气泡卡片 修改样式无效 ant design vue中Popover气泡卡片 修改样式无效最近,新项目用的框架是 ant-desgin-vue用到了一个Popover气泡卡片,想要修改气泡卡片的样式。而我理想状态应该是:于是设置css如下所示:<style lang="less" scoped>.showTag{ display: inline-block; margin-left: 5px;}</style>发现,设置无效,如果把scoped去掉就行,但这不
新一代状态管理工具 -- Pinia 上手指南 一:Pinia简介和五大优势Pinia是vue生态里Vuex的替代者,一个全新的vue状态管理库。在Vue3成为正式版以后,尤雨溪强势推荐的项目就是Pinia。那先来看看Pinia比Vuex好的地方,也就是Pinia的五大优势。可以对Vue2和Vue3做到很好的支持,也就是老项目也可以使用Pinia。抛弃了Mutations的操作,只有state、getters和actions.极大的简化了状态管理库的使用,让代码编写更加容易直观。不需要嵌套模块,符合Vue3的Composition api
vue源码 - 模板解析(手写简易版) vue.jsclass Vue { constructor(options) { this.$el = document.querySelector(options.el) this.$data = options.data console.log(options.el); // #app this.compile(this.$el) } compile(node) { con
JS - setTimeout时间误差解决办法 JS - setTimeout时间误差解决办法一、背景最近项目中加了一个计时器,我是用setTimeout来实现计时的,用于显示订单剩余支付时间,但我发现,短时间还好,时间长了,计时器的误差会很大。二、问题用setTimeout实现计时var start = new Date().getTime() var count = 0 // 程序执行了秒数 增加var inits = 1000 // 间隔时间var timer = setTimeout(fun,inits)console.
Vant - checkBox组件 阻止事件冒泡 Vant - checkBox组件 阻止事件冒泡使用 @click.stop.native="()=>{}"<div class="left" v-if="isShowCheckBox"> <van-checkbox v-model="isChecked" checked-color="#00B955" @change="checkBox()" @click.stop.native="()=>{}" ></van-checkbox>&l
css - 如何修改element.style样式 问题:我们在写前面 web页面样式的时候,会发现有些时候,我们怎么修改style里面的值,页面上的样式都不会修改,当你用工具查看时,会发现里面会有element.style的值,这个值还找不到是在哪里出现的,还修改不了。原因:其实element.style是一种内联样式,很多情况下是在一些JavaScript代码里写死的,这种方法相当不好。但是有些时候,我们在使用第三方js文件时,会遇到。解决办法:那么我们如何去修改它呢,在源代码中用!important 语法优先权来实现我们想要的效果
ElementUI el-input 只允许输入数字和两位小数 方法一1、页面效果2、FORM表单<el-form-item label="审计价格(元)" prop="auditPrice"> <el-input v-model="form.auditPrice" oninput="value=value.replace(/[^0-9.]/g,'')" placeholder="请输入审计价格" /></el-form-item>3、校验规则 data() { const validate
vant --- DropdownMenu下拉菜单有白边问题 解决代码:<style >.van-dropdown-menu__bar{ box-shadow: unset !important; /* 解决van-dropdownMenu下拉菜单有白边问题 */} </style>例子:
VUE --- 将HTML格式转换为纯文本 html代码:<div>{{ToText(item.input)}}</div>js代码:methods:{ ToText(HTML) { var input = HTML; return input.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi,'').replace(/<[^>]+?>/g,'').replace(