![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
mini韦
这个作者很懒,什么都没留下…
展开
-
三栏布局实现方式
三栏布局 常见方案原创 2023-10-13 18:34:05 · 175 阅读 · 0 评论 -
JQuery 动态添加 select option选项
目前项目中用了一个低码开发平台,这个平台也是用JQuery的标准,因为对JQuery不熟悉,所以记录一下。网上对于select option 动态添加修改如下,$("#selectId").append("<option value='"+value+"'>"+text+"</option>");当然除了这句,还有设置默认选择值、第一个的值、最后一个的值、第N个的值等等的,所以在网上搜了一上:jQuery获取Select选择的Text和Value:1. $("原创 2022-04-13 10:17:56 · 9946 阅读 · 0 评论 -
echarts 当需要对个别数据进行个性化定义时
option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{undefined//直接在data 数据修改 data: [120, 200, 150, 80, 70,{ ...原创 2022-02-23 14:22:37 · 906 阅读 · 0 评论 -
export default 和 export 区别
结论:1.export与export default均可用于导出常量、函数、文件、模块等2.在一个文件或模块中,export、import可以有多个,export default仅有一个3.通过export方式导出,在导入时要加{ },export default则不需要4. (1) 输出单个值,使用export default(2) 输出多个值,使用export(3) export default与普通的export不要同时使用实例和具体说明//1.export 命令//a原创 2022-02-23 12:18:57 · 324 阅读 · 0 评论 -
Cannot read properties of undefined (reading ‘LinearGradient‘) echarts 找不到LinearGradient问题
Cannot read properties of undefined (reading 'LinearGradient') echarts,找不到LinearGradient问题原创 2022-02-16 11:40:09 · 3121 阅读 · 2 评论 -
vue页面实现文本关键字检索,关键字高亮显示及定位功能
<template> <div class="search-highlight" v-html="contentShow"> </div></template><script>const PLUGIN_FLAG = 'search-hightlight_by_mumaa'export default { props: { content: { type: String, default: '.转载 2022-02-11 15:35:11 · 3142 阅读 · 0 评论 -
vue中 路径使用的@和~的区别
设置别名在build文件夹下的webpack.base.conf.js文件中设置src的路径别名。 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), '#': resolve('src/assets') } },默认会有‘@’别名,指向src目录,还可以添加自定义转载 2022-01-21 11:55:22 · 584 阅读 · 0 评论 -
vue的引入图片的方式
web需要大量图片,图片来源大致分为这几个:静态的 动态的写法大致分为这几个:直接在img标签中书写 在data等域中书写,然后动态改变 img<template> <div class="hello"> <img src="../assets/logo.png" alt=""> </div> ...</template>// 项目中的图片路径为// src/assets/logo.原创 2022-01-20 18:20:22 · 4720 阅读 · 0 评论 -
ECHARTS 数据集(DATASET)
实例一// 不使用datasetvar option = { xAxis: [{ type: 'category', data: ['17:35:00', '17:40:00', '17:45:00', '17:50:00'] } ], yAxis: [{ type: 'value' } ], series: [{ type: 'line', name: '震动', data: [43.3, 85.8, 93.7] }, {转载 2022-01-18 17:23:09 · 2732 阅读 · 1 评论 -
css 居中布局常用方法和相对布局和绝对布局的却别
居中布局一、水平居中(子元素)【1】.常规元素设置水平居中:《1》行内元素、不定宽块级元素:设置父元素 text-align:center <div class="outer"> <div class="inner">水平居中的元素</div> </div>.outer { background: red; text-align: center;}《2》定宽块级元素:设置子元素: margin转载 2022-01-12 12:04:52 · 266 阅读 · 0 评论 -
Vue引用public中的js文件
背景由于一些演示,需要对一些简单页面进行配置,由于打包build后的vue项目基本已经看不出原样,因此需要创建一个文件,并在打包的时候不会进行编译。所以文件放在public。步骤1.在public文件夹下创建config.js文件 用window.config 这样方式挂载也是可以的,或者直接定义变量。let config = [ // window.config = [ { title: '智能指挥中心1', content: [ { .原创 2021-12-01 18:20:19 · 14915 阅读 · 2 评论 -
LESS &进行选择判断CSS的样式
<div :class="{ e: true }" class="a"> aaaa </div>class 相当于 class="a e" 样式会作用变成 .a.e{ xxxx}.a { width: 100px; height: 100px; color: red; font-size: 18px; background: #999494; border: 1px solid red; &.e { fon...原创 2021-11-03 18:20:21 · 625 阅读 · 0 评论 -
一个元素同时使用多个类选择器 和less 嵌套&的用法
一个元素同时使用多个类选择器CSS中类选择器用点号表示。实际项目中一个div元素为了能被多个样式表匹配到(样式复用),通常div的class中由好几段组成,如<div class="user login">能被.user和.login两个选择器选中。如果这两个选择器中有相同的属性值,则该属性值先被改为.user中的值,再被改为.login中的值,即重复的属性以最后一个选择器中的属性值为准。测试如下:<style> .user{ font-size: 30px;转载 2021-07-20 20:35:12 · 154 阅读 · 0 评论 -
vue 2.6+作用域插槽使用
v-slotvue 在 2.6.0 中,具名插槽和作用域插槽引入了一个新的统一的语法 :v-slot 指令。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍有用的特性。但是将会在vue 3 中,这两个指令将会被废弃vue 2.6.0之后 v-slot只能用在 template上,用在 div 或 p 这种标签上是会报错的子组建<template> <div class="my-card"> <!-- 把数据传给父组件,接收转载 2021-05-12 16:04:43 · 666 阅读 · 0 评论 -
css :not 选择器
:not 选择器是css3里面的:not([class]){color:red;} // 没有class属性的元素都设置为红色如下代码 非//属性为非aria-checked="true"元素 走.radio-text.van-radio:not([aria-checked="true"]) { .radio-text { color: inherit !important; }}p:not([class]){color:red;} // 没有class属性的p..原创 2021-04-23 11:13:08 · 17933 阅读 · 1 评论 -
Vue class数据绑定 和style绑定的笔记
绑定 HTML Class对象语法我们可以传给 v-bind:class 一个对象,以动态地切换 class:<div v-bind:class="{ key:value, key:value}"></div><div v-bind:class="{ 类名:boolean, 类名2:boolean}"></div>例如:(类名不加引号) <div :class="{ a: true, b: true, c: false }">原创 2021-04-22 16:12:37 · 178 阅读 · 0 评论 -
echarts 环形图出现画闪烁,画两次的现象。
背景:当时项目上,请求数据后,出现两条数据,一条是0,一条的正常数据情况, 发现有闪烁问题。把初始值,改得不一样的时候,发现也是有闪动现象,感觉画了两次,问题:仔细观察了一下。发现因为设置了初始值的问题。因为初始化的时候 echarts设置了初始值,后面网络请求成功后,拿到数据后,又画了一次 ,所以导致了画两次的现象,也就是闪动。解决办法:就是把初始值干掉就可以了。 初始化init drawChart_circular(id) { this.c_chart = this.$echart原创 2020-12-23 11:31:56 · 2932 阅读 · 0 评论