- 博客(7)
- 收藏
- 关注
原创 真正解决vue渲染echart图表只显示100px的问题
真正解决vue渲染echart图表只显示100px的问题原因:初始渲染图表并没有resize解决方案: var chartDom = document.getElementById("mychart"); chartDom.style.width=window.innerWidth/3-20+'px' // 此处设定想要宽度 var myChart = echarts.init(chartDom); ... // 图表大小随浏览器大小调整
2021-06-22 15:58:11
587
原创 前端-多张图片的上传预览效果
前端-多张图片的上传预览效果1.html<body> <input type="file" id="upFile" multiple> <br> <div id="imgList"></div></body>2.css .img { display: block; padding: 10px 10px; width: 200px;
2021-06-17 16:39:59
393
原创 vue--Mock的使用
vue–Mock的使用1.安装npm install mockjs -D // windows2.新建项目目录合适位置创建mock文件夹,新建mock.js文件3.main.js中引入// 引入mockjsimport "@/mock/mock.js";4.使用//1.引入mockjsimport Mock from 'mockjs'//2.生成模拟的接口和数据Mock.mock('http://www.test.com/fileManage/file/cataList', {
2021-06-17 09:18:45
451
原创 vue 如何获取input中光标位置,并且点击按钮在当前光标后追加内容
1.第一步:监听输入框的鼠标失焦事件<el-input @blur="handleInputBlur"></el-input>2.第二步:获取失去交点时的光标在输入内容中的位置,data里定义一个变量存储如 blurIndex data() { return { formulaValue:null, blurIndex: null, }; }3.第三步:具体函数(上才艺) insert_flg(flg) {
2021-06-07 18:42:26
2304
9
原创 vue-qr生成带logo和背景图片的二维码
vue-qr一款可以生成带logo和背景图片二维码的vue前端插件,功能强大但使用简单,你可以使用该插件生成各种漂亮的二维码图片。点击这里进入demo
2021-06-06 18:01:04
984
原创 初始化方法给用户选择,给dom元素绑定不同的功能,使用eval()函数?
初始化方法给用户选择,给dom元素绑定不同的功能,使用eval()函数?eval函数具体解释请点击这里eval("alert('Hello world')")这样写是可以执行的,将字符串转为方法执行,刚好项目中有个需求,是需要定义一些初始化方法给用户选择,给dom元素绑定不同的功能,我想的是在vue中定义这些方法,将方法名提交给后端,前端请求回数据后,通过eval函数解析字符串方法名this[eval('请求回来的方法名')]() //失败this[eval('请求回来的方法名')] //失败
2021-06-06 17:55:03
157
原创 vue-mixin:混入怎么用
vue-mixin:混入怎么用1.目录里创建一个名为mixin.js的文件2.定义一个混入对象(我一般局部使用)3.在需要的组件中引入这个mixin.js4.现在就已经完成混入的基本使用了,在相应的组件里就可以使用mixin.js中的方法或者属性。1.目录里创建一个名为mixin.js的文件2.定义一个混入对象(我一般局部使用)// vue中的data,methods,钩子函数同样可以写进这个mixin对象中,可以定义初始的方法,方便调用export const mixin = { meth
2021-06-06 17:04:50
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人