- 博客(155)
- 收藏
- 关注
RSS订阅
原创 Vue-cli 页面模版
<template> <div class="box"> </div></template><script>import { } from '../utils/api'import Vue from 'vue'import { Toast } from 'vant'Vue.use(Toast)export default { data() { return {} }, methods: {}, ac
2020-08-10 15:11:02
295
原创 常用js效果
特殊格式JSON字符串转数组时间戳参数往数组中间插入元素语法摘抄自：https://blog.csdn.net/zh_1721342390/article/details/90036832。
2020-05-27 16:10:45
1315
原创 html常用css效果
文字超出隐藏overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
2020-05-12 10:28:43
342
原创 html引入Vue、JQuery等
引入JQuery<script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js"></script>引入Vue <script src="https://cdn.suoluomei.com/common/js2.0/vue/v2.5.16/vue.js"></script&g...
2019-12-21 10:08:59
1235
原创 Vue模版（带ajax、axios接口）
<script> new Vue({ el:"#Vue", data:{ }, methods:{ }, created(){ } })</script>
2019-12-02 12:00:39
724
原创 vue3 element-plus-admin中引入swiper使用
第一步：安装swiper第二步：在需要使用的页面上引入swiper组件注意：如果是js需要在页面中注册组件js示例ts示例 ts引入后直接使用即可第三步：在页面中使用</</</</
2024-05-07 09:33:13
870
原创 vant省市区引入@vant/area-data官方数据报错问题解决
1.我们新建一个用来引入文件的文件夹node_File（名字可以自己定），把@vant中的 area-data 整个进行拷贝。2.将 area-data/dist 下面的 index.esm.mjs 文件改名为 data.js。我们正常引入后会发现报错为。我们依照官方流程引入数据。进行解决后，但并没有效果。
2023-07-07 15:19:18
1917
1
原创 vue-cli 兄弟组件传参、父子组件传参
2.在需要调用的页面引入（有几个页面需要使用就几个页面引入）parone和partwo是传给子组件页面的参数。$on(‘方法名’,data=>{ })1.创建子组件名称为tabbar.vue。1.子页面tabbar.vue 定义方法。$emit(‘方法名’,‘传值’)1.新建js文件（命名可随意）$emit(‘方法名’,传值)@方法名（为上面定义的方法名）注：data即为传过来的参数。2.父组件页面定义方法。注：方法名两边需对应。4.接受传值页面代码。2.在页面引入子组件。3.父组件使用子组件。
2023-02-22 16:42:14
408
1
原创 vue-cli打包增加版本号、时间戳等自定义参数
1.首先新建一个version.js页面。2.在vue.config.js 引入 version.js。3.在打包后的编译名称处增加自定义好的参数。时间戳同理，或者其他参数。
2022-11-21 14:07:27
1621
原创 vue-cli 项目 echarts 地图标点功能
参考echarts官网api文档：https://echarts.apache.org/zh/option.html#title地图标点，带数字显示效果图复制代码后可查看效果（提示：记得配置json）地图标点功能，分级别标点效果图复制代码后可查看效果......
2022-06-17 15:35:27
995
原创 获取本月第一天和最后一天
//获取指定月初月末 getMonthTime(time) { var now = new Date(time); //当前日期 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getFullYear(); //当前年 //本月的开始时间 var monthStartDate = new Date(nowYear, nowMonth, 1); //本月的结束..
2022-03-23 17:05:51
373
原创 小程序用toFixed四舍五入以及保留两位小数方法
新建一个filter.wxs 将下面代码复制进去var filters = { toFix: function (value,value1) { if (typeof (value) == 'undefined') { return value } else { return value.toFixed(value1) } }, toStr: function (value) { return value.toString() }
2022-03-15 14:19:40
1066
原创 滚动条特殊样式
::-webkit-scrollbar { width: 10px; height: 10px; background-color: #f5f5f5;}/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track { // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: white;}/*定义滑块 内阴影+圆角*/
2022-03-01 14:37:24
134
原创 vue动态获取$ref怎么写
for (let e = 0; e < this.addArtList.length; e++) { this.$refs[`mavon-${e}`] }
2022-02-22 10:29:35
574
原创 element el-checkbox组件阻止冒泡事件写法
<el-checkbox-group v-model="shopCheckList"> <div> <el-checkbox v-for="item in shopDetailList" :key="item.id"> <span class="shop_cont_span colorBlue" @click.stop.prevent="lookSho...
2022-01-23 14:55:14
1611
原创 element table 表格组件增加前端分页
<el-table :data="giftDetailList.slice((giftDetailCurrentPage-1)*giftDetailPageSize,giftDetailCurrentPage*giftDetailPageSize)" height="700px" :header-cell-style="{backgroundColor:'#e6e6e6'}" border style="widt...
2022-01-19 16:54:39
341
转载 配置脚手架正式测试
在项目根目录新建三个env文件.env.development //开发环境.env.production //生产环境.env.test //测试环境.env.development（本地运行时）NODE_ENV = 'development'VUE_APP_MODE = 'development'VUE_APP_BASE_URL = "http://bendi".env.production（正式）NODE_ENV = 'production'VUE_APP_MODE = 'pr
2021-12-24 17:34:12
96
原创 利用el-checkbox-group 做三级分类选择
<el-checkbox-group class="pop_label_cont" v-model="addStageLabelList"> <el-checkbox class="pop_label_one" :label="item.Id" :disabled="item.IsState">{{item.Label}}</el-checkbox> <div class="pop_la...
2021-12-20 17:41:30
825
2
原创 js使用split获取文件后缀
获取后缀后返回相应类型进行操作 regex(e) { var type = String(e.split('.').slice(-1)) if (type == undefined) { return 'unlonwn' } if (type == 'jpg' || type == 'jpeg' || type == 'gif' || ty
2021-12-14 17:41:07
1490
原创 搜索功能（高亮内容中被搜索的文字）
let list = JSON.parse(JSON.stringify(res.data.rows)) for (let i = 0; i < list.length; i++) { let content = list[i].content //需要替换的内容 let text = this.search //搜索的文字 let str = `<span style="color: red...
2021-12-13 15:24:14
421
原创 vue-cli 中使用element的Loading、MessageBox组件问题
import { Message, Loading, MessageBox } from 'element-ui';引入时需要重定向Vue.prototype.$loading = Loading.service;Vue.prototype.$msgbox = MessageBox;Vue.prototype.$alert = MessageBox.alert;Vue.prototype.$confirm = MessageBox.confirm;Vue.prototype.$prompt =
2021-12-13 15:14:58
1475
原创 git文件切换仓库推送
首先需要将项目中的.git文件删除，然后进行下面的操作git 仓库例：@e.coding.net:hepulan/hfq/hfq_vue2.0.gitgit关联仓库git initgit remote add origin git@你需要上传的git仓库git fetch --allgit checkout -b developgit add .git commit -m "init"git push origin develop -f...
2021-12-10 16:09:02
442
原创 element el-steps步骤条如何监听点击事件？
<el-steps class="steps_cont" :active="active" align-center> <el-step v-for="(item,index) in stepsList" :key="index" :title="item.title" @click.native="choiceStep(index)"></el-step> </el...
2021-12-09 17:51:15
1557
原创 element上传增加粘贴上传图片功能
<el-upload class="upload-demo ml" ref="uploadMutiple" action="http://api110.herbplantist.com/sucai/public/index.php/post/post/uploadFile" ...
2021-11-26 18:09:35
832
原创 element图片预览组件使用
在vue-cli使用<template> <div> <el-button @click="onPreview">预览</el-button> <el-image-viewer v-if="showViewer" :on-close="closeViewer" :url-list="[url]" /> </div></template><script>
2021-11-18 09:27:03
1158
原创 vant上传图片（多选，直接上传到服务器）
<div class="uploader"> <span>图片上传</span> <van-uploader v-model="fileList" accept="image/*" :after-read="afterRead" multiple /> </div> data() { r...
2021-11-10 17:26:59
2612
原创 PC端element级联选择器（省市区动态获取数据选择）
html<el-cascader v-model="form_area" :props="optionProps" filterable ref="myCascader" @change="areaChage"></el-cascader>data中 form_area:{},//存储获取的省市区 optionProps: { //配置节点 emitPath: false, lazy: tr
2021-09-23 14:04:23
488
原创 vue-cli脚手架只改变单个页面的背景色
beforeCreate () { document.querySelector('body').setAttribute('style', 'background-color:#f3f2f8') }, beforeDestroy() { document.querySelector('body').removeAttribute('style') },
2021-06-17 17:57:10
210
原创 安卓H5页面fixed布局被软键盘上顶问题
Vuedata:{ isTabbar: true, //判断页面的fixed内容是展示还是隐藏 docmHeight: document.documentElement.clientHeight, //默认屏幕高度 showHeight: document.documentElement.clientHeight, //实时屏幕高度}, mounted() { // window.onresize监听页面高度的变化
2021-05-21 15:14:24
444
原创 微信小程序解码base64
atob代替方法base64_decode (input) { // 解码，配合decodeURIComponent使用 var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var output = ""; var chr1, chr2, chr3; var enc1, enc2, enc3, enc4; var i = 0;
2021-04-01 13:33:09
3076
1
原创 js转义html标签
将特殊符号转义会html标签replaceSpecialChar (str) { str = str.replace(/&quot;/g, '"'); str = str.replace(/&amp;/g, '&'); str = str.replace(/&lt;/g, '<'); str = str.replace(/&gt;/g, '>'); str = str.replac
2021-03-26 17:10:49
251
原创 js 带入的参数直接复制
copyUrl(value) { var ctx = document.createElement("input"); var content = value; ctx.setAttribute("value", content); document.body.appendChild(ctx); ctx.select(); .
2021-03-08 14:49:43
192
原创 js 倒计时
// 倒计时 getdatestr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate() + AddDayCount); //获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = dd.getMonth() + 1; //获取当前月份的日期 var d = dd.getDate(); ...
2021-03-01 15:12:56
73
原创 js控制横向滚动条位置
将div的scrollLeft 设置为想要的位置，即可定位。原生写法document.getElementById('scroll_div').scrollLeft = document.getElementById('scroll_div').scrollWidth;vue写法this.$refs.scroll_div.scrollLeft = this.$refs.scroll_div.scrollWidthJQuery写法$('#scroll_div').scrollLeft($('#
2021-03-01 11:35:41
7469
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人