- 博客(26)
- 收藏
- 关注
RSS订阅原创 Cannot read properties of undefined (reading ‘regions‘)
找了很久,原来是因为 geo对象里面缺少map:'china'属性 我哭死,其他配置再根据项目要求配置就好了。适用echart3d地图配置了geo报错。
2024-03-14 14:33:42
442
原创 vue3 打印插件 vue-print-nb
下载npm install vue-print-nb --save-dev注册import { createApp } from 'vue'import App from './App.vue'import print from 'vue3-print-nb'const app = createApp(App)Vue.use(print)app.use(print)app.mount('#app')页面使用 <div id="printMe">
2022-01-21 16:50:46
6871
5
转载 vue 解决provide和inject响应
官网上说provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。 provide：Object | () => Object（一个对象或返回一个对象的函数） inject：Array<string> | { [key: string]: string | Symbol | Object }（一个字符串数组，或一个对象，对象的 key 是本地的绑定名） 要实现父子组件响应，父组件传递的数据类型必须是对象Ob
2021-12-24 14:14:14
629
原创 css 文字溢出...显示,hover时显示隐藏文字
1.文字溢出隐藏并...显示.tem_content_row{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}2.hover时显示.item_content_row:hover {overflow: visible;}
2021-12-23 16:45:09
1885
转载 overflow产生的滚动条样式设置
修改overflow产生的滚动条样式，主要可以通过如下三个伪元素设置：1)-webkit-scrollbar：设置水平滚动条的高度，垂直滚动的宽度2)-webkit-scrollbar-thumb：设置滚动条里面的滑块样式3)-webkit-scrollbar-track：设置滚动条的轨道背景样式4)本文默认使用chrome浏览器查看运行效果方法/步骤新建一个html文件叫做CssOverFlow.html(有html编辑工具的，就使用工具创建。没有工具的，可以先创建文本文件，再修改
2021-12-17 11:08:44
10809
1
原创 js数组倒序reverse
var a = ["前端开发博客","专注前端开发","数组"]; //创建数组 alert(a.reverse()); //颠倒顺序并输出
2021-12-14 10:46:34
1192
转载 setTimeOut和setinteval的区别
学习前端的可能都知道js有2个定时器setTimeOut和setinteval。用的时候可能不是很在意，但是2者还是有区别的setTimeout方法是定时程序，也就是在什么时间以后干什么。干完就完了.setInterval方法则是表示间隔一定时间反复执行某操作。如果用setTimeout实现setInerval的功能，就需要在执行的程序中再定时调用自己才行。clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterv
2021-12-13 23:30:57
242
转载 CSS3 - :nth-child()选择前几个元素
/* 选择第n个，n位数字 */:nth-child(n)选择列表中的偶数标签:nth-child(2n)选择列表中的奇数标签:nth-child(2n-1)选择前几个元素/*【负方向范围】选择第1个到第6个 */:nth-child(-n+6){}从第几个开始选择/*【正方向范围】选择从第6个开始的，直到最后 */:nth-child(n+6){}两者结合使用，可以限制选择某一个范围/*【限制范围】选择第6个到第9个，取两者的交集【感谢小伙伴的纠正~】 */:n...
2021-12-03 17:08:13
738
原创 lee 使用循环
html: <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> </ul>// 定义颜色数组@.
2021-11-26 16:55:11
116
原创 vue 获取天气情况
1.、下载axios，并在main.js入口函数中引入axios下载:cnpm install axios vueAxios --save在main.js中引入import VueAxios from 'vue-axios'import axios from 'axios'Vue.use(VueAxios, axios) //挂载在页面中<span>{{weather}}</span><span v-if="lower">{{low..
2021-11-26 13:52:24
796
原创 关于Img标签绑定:src不显示图片
问题如下图所示动态绑定src，不显示图片，将路径换成网络图片地址又可以显示解决方法引用本地图片需要加上require，使用require定义之后，就可以动态使用了，不用require你就只能写死的。不用 :src="’…/img/image.jpg’" 会被解析为字符串...
2021-11-20 11:57:00
2963
转载 vscode中自定义vue模板（name默认为文件名）
配置模板代码vscode 选择： File（文件） -> preperences（首选项） -> User Snippets(用户代码片段)输入vue选中vue.jsonvue.json文件中复制下面的代码覆盖默认内容{ "vue-template": { "prefix": "vueTemp", "body": [ "&l...
2021-11-19 15:40:13
1075
转载 CSS-自定义字体（LED）
字体的获取先来看一下实现效果:字体的文件可以在defont网站中找到自己需要的字体 。然后通过fontsquirrel将下载好的字体文件转换为eot格式和woff格式。如果你需要做LED字体的话，也可以通过我的百度网盘获取（格式已经转换好了哟）。链接：https://pan.baidu.com/s/1VjfVgsyisA-T1u4FRqW_Vg提取码：d59j生成字体在拿到字体之后，我们把字体放到我们的项目，就可以通过@font-face自定义字体了。代码如下：..
2021-11-16 14:28:56
1146
原创 Git: ＞ running pre-commit hook: lint-staged报错
推送代码报Git: > running pre-commit hook: lint-staged错误这是因为eslint在检查语法,1. 运行命令npm run lint在终端查看语法不合格的地方进行修改2.修改完成重新运行即可
2021-11-11 09:52:54
817
原创 Vue页面实现打印功能
实现打印功能，需要安装一个插件vue-print-nb，使用方法如下1. 安装全局的插件npm install vue-print-nb -S2.在main.js中注册import Print from 'vue-print-nb'Vue.use(Print)3.页面使用** 需要打印的内容<div id="printMe">我需要被打印</div>**点击打印,即可预览和打印内容<buttom v-print="#pri..
2021-11-05 20:28:08
442
转载 CSS垂直居中的8种方法
1、通过verticle-align:middle实现CSS垂直居中。通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：inline-block。在使用vertical-align：middle的时候需要一个兄弟元素做参照物，让它垂直于兄弟元素的中心点。vertical-align对齐的方法是寻找兄弟元素中最高的元素作为参考。demo代码2、通过display:fl.
2021-10-12 10:53:22
1042
转载 后台返回的字符串，前端需要把其中的数字变成红色
需求：后台返回的字符串，前端需要把其中的数字变成红色这是一个vue 项目, 也是翻了很多的大佬写的博客，自己总结了一下，开始时循环这个字符串，利用过滤器实现了这个需求，但是这样严重消耗了浏览器的性能，创建出了很多的span 标签，经过大佬的点播，换了一种方法，上代码：<!-- html代码 --><div v-html="str"></div>data () { return { str: '' }},methods: { strInit (
2021-09-27 20:03:29
1410
转载 vue的依赖注入
当组件嵌套过多，而且所有组件都需要使用根组件(包括但不限于)的某一些内容时（数据或方法），使用依赖注入会比普通的传值更加方便使用// 官方示例// 依赖注入一个getMap方法provide: function () { return { getMap: this.getMap }}然后在任何子组件里，我们都可以使用 inject 选项来接收指定的我们想要添加在这个实例上的属性：inject: ['getMap']相比于$parent，选择依赖注入的
2021-09-20 23:23:25
285
原创 vue中this.$parent、this.$root、this.$children、this.$ref的区别和作用
this.$refs 是一个对象，持有已注册过的所有子组件。 ref为子组件指定一个名称，通过this.$refs.ref指定的子组件名称 即可获得对该子组件的操作（包括data中定义的数据和methods中定义的方法） this.$parent 可以直接操作当前组件的父组件 this.$root 可以直接操作当前组件的所有祖先组件的根组件 this.$children...
2021-09-20 22:59:15
759
转载 vue项目开发技巧(require.context)
require.context主要使用require.context实现前端工程化动他引入文件require.context(directory, useSubdirectories = false, regExp = /^.//)第一个参数目标文件夹是否查找子集 true | false正则匹配比如：require.context('./router',true,/\.routes\.js/可以理解为获取router文件下以.routes.js结尾的文件，知道这个以后，就可以在项目动态引入文
2021-09-16 21:53:03
564
原创 Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“
在使用框架iview的表单验证的时候报出错误1 错误：TypeError: Cannot read property ‘validate’ of undefined2 原因和解决原因 :ref和model值没有保持一致解决: ref和model改为一致! <el-form ref="addArticle" :model="addArticle" :rules="addArticleRules" labe.
2021-08-16 15:18:27
681
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人