![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小功能
文章平均质量分 51
前端小问题
这个作者很懒,什么都没留下…
展开
-
vue通过js实现对一个元素的点击
一,给需要点击的元素加上ref;<!-- 调用摄像头 --> <input ref="inputResult" accept='image/*' type="file" capture="camera" style="display: none;"/>二,在你的函数中调用。这样你调用onSelect函数就实现了打开相机的操作了onSelect(item) { this.$refs.inputResult.click();//调用相机原创 2021-12-15 18:07:23 · 1474 阅读 · 0 评论 -
element中el-upload自定义上传图片,不再使用active上传
el-upload默认的上传会通过active进行上传,同时提供了http-request去自定义,他会覆盖active的上传。 <el-upload id="school" class="avatar-uploader" action="#" list-type='picture' :http-request='file原创 2021-12-14 09:20:44 · 1923 阅读 · 1 评论 -
element中给select添加全选的option
一,元素中的数据<el-select v-model="my_stars" placeholder="国家" multiple collapse-tags > <el-option label="全球" value="全球"></el-option> <template v-for="(item, index) in languages"> <el-option原创 2021-01-27 09:55:29 · 1046 阅读 · 0 评论 -
element中table数据渲染(一个列表两个数据源混合渲染)
一,这里是元素。2,这里属数据构造,因为我们需要用到国家数据,而国家的数据和列表的其他数据是分开的两个对象,要在一个table中使用这个是对国家进行数据修改3,4,效果原创 2021-01-04 19:52:08 · 7164 阅读 · 0 评论 -
vue中安装的cli脚手架使用es6之后会自动过滤格式不正确会显示黄色警告解决办法
直接注释掉这部分代码就可以,但是需要重新npm run dev原创 2020-12-31 15:51:51 · 322 阅读 · 0 评论 -
html页面打开时在页面渲染完成前页面会有一段时间的空白,在这段时间加载一个loading
1,首先写一个loading<div class="loading_bg"> <div class="jiazai_div"> <i></i> <i></i> <i></i> <i></i> <i></i> </div>原创 2020-11-14 15:34:51 · 1362 阅读 · 0 评论 -
使用jquery.i18n实现国际化多语言显示
问题描述:有时候你写的页面需要兼容多国语言,不同的国家浏览不同的语言。实现方法:1,首先需要获取到浏览器的语言。当然还需要引入jquery.i18n.js 和jquery.js。// begin i18n获取浏览器语言 jQuery(document).ready(function() { var language; language = jQuery.i18n.normaliseLanguageCode({}); //获取浏览器的语言 if(language == 'zh原创 2020-11-13 11:28:18 · 2127 阅读 · 0 评论 -
关于bom操作中的scrolltop()获取值一直为0的问题解决
问题描述:scrolltop()获取值一直为0解决方法:1,确保ul上面 有over-flow:auto;2,确保ul的父元素上面有over-flow:hidden,高度要固定3,给ul元素使用scrolltop函数 $(’#listBox’).scrollTop()例子:<div id="mescroll" class="mescroll" style="overflow: hidden;"> <ul class="ul-list" id="listBox" style=原创 2020-10-29 16:04:33 · 541 阅读 · 0 评论 -
css3书写cd播放器飘动音乐符号动画
一,效果。音乐字符飘动,同时可以缩放。二,代码直接上。使用的时候需要自己更改图片地址。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>进度条</title> <style type="text/css"> body{ background: black; }.music-wrap{ position: absol原创 2020-09-07 19:13:17 · 701 阅读 · 0 评论 -
element-ui中select下拉菜单中visite-change的使用,只在select中的option显示和隐藏时调用
一,元素@visible-change=‘getGiftListTable’ 需要写到select标签中<el-select v-model="model.giftIds" value-key="giftId" placeholder="礼物特效" multiple @visible-change='getGiftListTable'> <el-option v-for="item in giftList" :key="item.giftId" :labe原创 2020-09-01 18:31:26 · 7281 阅读 · 2 评论 -
promise的链式调用注意事项
一,promise的原理就不介绍了,直接上代码。 function jiangshu(data){ console.log('江苏'+data); var p=new Promise(function(resolve,reject){ setTimeout(function (){ console.log('江苏 省原创 2020-08-26 17:22:50 · 304 阅读 · 0 评论 -
vue中通过路由实现面包屑功能
1,先在router。js中添加注册一个地址,path:是你以后跳转的时候使用的路径,这里是自定义的,只需要在使用的时候与其对应。{ path: '/canteenstatisdayDetial', component: _import('modules/canteen/canteenstatisdayDetial/canteenstatisdayDetial'), name: 'canteen...原创 2020-08-20 19:39:52 · 3079 阅读 · 0 评论 -
element-ui的table中怎样给每一行数据添加不同的样式
第一步:第二步,第三步,下面是完整代码:<template> <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> <el-table-column prop="date" label="日期" width="180"> </el-table-column>原创 2020-08-19 17:25:19 · 3163 阅读 · 2 评论 -
echart中常见参数配置以及vue中的引用
一,在vue项目中安装,并在全局main。js中引入。二,使用。 <div ref="chartPackageCircle" style="width:100%;height:376px"></div> getEchartDataCircle() { // 饼图 const chart = this.$refs.chartPackageCircle if (chart) { var myChartCircle = this.原创 2020-08-18 16:57:02 · 317 阅读 · 0 评论 -
flex和overflow同时使用添加背景颜色不能全部渲染
一,问题。第一行有背景但是不能将第一行的背景完全的改变颜色。二,解决办法。.colorBG>>>.oneCol{ background-color: #D8E9FC !important; } <div id="rowTable"> <div class="tabHead"> <div class=""> <div class="oneRow flex-wrap co原创 2020-08-18 16:29:47 · 452 阅读 · 0 评论 -
vue自定义指令
一,概念。// 注册Vue.directive('my-directive', {//这里面都是自定义指令的生命周期。 bind: function () {}, //绑定 inserted: function () {}, // 插入 update: function () {}, // 更新 componentUpdated: function () {}, unbind: function () {}})二,例子// 注册一个全局自定义指令 `v-focus`当页面翻译 2020-08-13 10:54:46 · 215 阅读 · 0 评论 -
vue中怎样在父组件中调用子组件中的函数
解释:我们可以将子组件通过ref保存到全局ref中,通过ref调用一,首先需要引入你需要的组件。这里不再说了,如果需要请点击下面链接。[添加链接描述]https://blog.csdn.net/weixin_43989837/article/details/107510334(https://blog.csdn.net/weixin_43989837/article/details/107510334)二,在父组件的组件引用的元素中 添加ref属性如下。 <!-- 编辑多语言弹出框 -->原创 2020-08-11 08:55:44 · 660 阅读 · 0 评论 -
uni-app书写一个导航条
一,元素容器。二,js控制。 export default { data() { return { PageCur: 'basics' } }, methods: { NavChange: function(e) { this.PageCur = e.currentTarget.dataset.cur console.log("...原创 2020-03-09 14:34:40 · 250 阅读 · 0 评论 -
vue父组件调用子组件的函数和父组件向子组件传参
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title>父组件向子组件传值</title> </head> <body> &l...原创 2020-01-15 10:49:52 · 568 阅读 · 0 评论 -
uni-app 非父子组件之间的传参
第一步:// 将vue实例挂载到总vue的phototype的bus属性上.(每个vue实例的prototype都有bus属性),这个可以将他放在main。js文件中。Vue.prototype.bus=new Vue();第二步:对外进行广播。change是一个自定义的广播名称,this.selfcon是你需要传递的参数that.bus.$emit("change",this.se...原创 2020-01-20 14:15:42 · 1001 阅读 · 0 评论 -
vue父组件向子组件传参
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title>父组件向子组件传值</title> </head> <body> &l...原创 2020-01-20 14:07:16 · 435 阅读 · 0 评论 -
关于vue和uni-app中绝对路径的使用差别详解
一、在vue中,绝对路径是以@为开头的vue文件中的引入: import { isURL } from'@/utils/validate’中的@符号是绝对路径,其所代表的路径地址是可配制的,配置这个地址的文件为build/webpack.base.conf.js文件中有如下配置上面的配置是配置到根目录上面了二,在uni-app中。然后在文件中配置你需要的绝对路径地址。...原创 2020-01-17 11:04:40 · 12430 阅读 · 2 评论 -
vue使用set总是报错set is not undefind解决办法
原创 2020-01-08 17:22:40 · 1883 阅读 · 0 评论 -
关于element-ui中的Cascader 地址三级联选择器中获取lable的值的问题
1,需要下载一个全国地址的json数据文件(在下面附件中)2.将这个js引入到你需要的页面中。import areafrom from '../../../../static/config/areafrom.js';3.在data{}中给这个三级联动绑定数据data (){ return { options: areajson, //调用外部js文件的json数据 地址选择框...原创 2020-01-03 10:38:10 · 729 阅读 · 1 评论 -
基于jq的数据请求数据
阿三大王 <!--加载中动画--> <div class="loading"> <img src="images/loading.gif"/> </div></body><script src="http://libs.baidu.com/jquery/2.0.0/jquery.m...原创 2020-01-02 12:06:59 · 504 阅读 · 0 评论 -
图片压缩(基于图片宽度)
function dealImage (base64,w) {//压缩base64方法 var newImage = new Image();var quality = 0.6; //压缩系数0-1之间newImage.src = base64;newImage.setAttribute(“crossOrigin”, ‘Anonymous’); //url为外域时...原创 2020-01-02 11:41:23 · 261 阅读 · 0 评论