- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 select选择第一个，第二个数据联动
1、 <el-select v-model="ruleForm.area" placeholder="Northland" > <el-option v-for="item in location" :key="item.value"
2022-04-13 15:23:56
429
原创 vue-html5-editor
<vue-html5-editor :content="company_info.desc_list" :height="150" :z-index="1000" placeholder="111" :auto-height="true" @change="updateContent" ></vue-html5-editor> 全局配置 main.js// 富文本import '../node_modules/font-awesome/css/font-awesome.cs
2022-02-24 16:41:01
807
原创 vue中点击获取相应元素
在vue中通过点击事件获取上一个标签、父标签、第一个子标签等元素。( 以下元素都是以所点击的元素进行查找 )e.target 获取当前点击的元素e.currentTarget 获取绑定事件的元素e.currentTarget.previousElementSibling 获取前(上)一个元素e.currentTarget.parentElement 获取父元素e.currentTarget.firstElementChild 获取第一个子元素e.currentTarget.nextElement
2022-02-11 13:53:00
7386
原创 vue-输入框change事件并获取值
1、html<input type="text" @change="specifiName($event)" />//输入框的change事件<input type="text" @input="specifiName($event)" />//输入框的输入事件<input type="text" @keyup.enter="specifiName($event)" />//输入框的回车事件2、vue.jsvar vm = new Vue({ el:
2022-02-10 10:29:59
15752
原创 下载或查看 PDF文档
view_pdf(){ const idx = this.userinfo.resume.lastIndexOf("."); if (idx != -1){ const ext = this.userinfo.resume.substr(idx+1) if(ext == 'doc' && ext == 'docx'){ const res = this.userinfo.resume
2021-12-23 16:32:45
473
原创 vue 修改密码
<template> <el-container> <div class="personIndex"> <div class="person_cont"> <div class="setting_top"> <div class="setting_title"> <p class="icon_right"&g
2021-11-18 14:30:28
470
原创 vue选择任意时间 设置开始时间和结束时间
<el-time-picker v-model="addbuyForm.preClockOffTime" class="date-box" format="HH:mm" value-format="HH:mm" :picker-options="{ selectableRange:`...
2021-11-11 16:38:11
1861
原创 vue时间日期 开始时间 结束时间
el-form-item label="开始时间" prop="startTime" > <el-date-picker v-model="form.startTime" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" clearable style="width: 100%" :picker-options="startDatePicker" :disabled="dial
2021-10-22 09:36:50
2433
1
原创 自定义select下拉选择 样式
<div id="selected"> <div class="select join_state"> <span>Changed other time</span> <i class="downicon"><img src="/public/image/downicon.png" ></i> </div> <ul class="join_sta.
2021-10-15 09:54:22
708
原创 select 下拉选择 第一个options选中问题
<select name="join_state" id="join_state" onchange="optionlist()" > <option value="" selected="selected" style="display: none;">Changed other time</option> <option value="1">Changed other time</option> <option value="2"&
2021-10-15 09:50:06
708
原创 layui 控制时间范围 日期时间插件
开始时间 <input type="text" id="statime" placeholder="Start date" value="">结束时间<input type="text" id="endtime" placeholder="End date" value="">jslayui.use('laydate', function(){ var laydate = layui.laydate; var nowTime = new Date().valu
2021-10-15 09:44:29
389
原创 微信小程序，字母索引滑动定位-仿通讯录
废话不多说，直接贴代码。。。<scroll-view scroll-y style="height: {{windowHeight}}" scroll-into-view="{{alpha}}"> <view class="alphabet"> <view id="Top" class="header"> <view class="h-city"> <text>北京</text> &
2021-08-10 17:40:08
1129
原创 Vue实现简易tab切换效果
ul li { margin: 0; padding: 0; list-style: none; } #app { width: 600px; height: 400px; margin: 0 auto; border: 1px solid #ccc; } .t...
2021-07-21 15:18:39
240
原创 vue 自定义时间线
.layui-timeline { padding-left: 50%; padding-top:20px}.layui-timeline-item { position: relative; padding-bottom: 20px; margin-top:-12px;}li { list-style: none;}.layui-timeline-item:first-child::before { display: block;}.layui-tim.
2021-07-20 18:16:57
503
原创 vue-elementui穿梭框+上下移动功能
穿梭框 <el-transfer filterable v-model="chooseRole" :render-content="renderFunc" :titles="['未选定选项', '已选定选项']" filter-placeholder="请输入" :data="roleData" @righ
2021-07-01 11:07:26
1634
1
原创 Vue 性能优化
Vue 代码层面的优化；webpack 配置层面的优化；基础的 Web 技术层面的优化。一、代码层面的优化1、v-if 和 v-show 区分使用场景v-if 是 真正 的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。v-show 就简单得多， 不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 的 display 属性进行切换。所以，v-if.
2021-05-12 17:37:34
128
原创 Vue构建的页面---提高首屏渲染以及性能优化
分析打包出来的文件安装webpack-bundle-analyzer这个插件,然后使用npm run build --report输出项目打包情况,直观的比较哪个bundle文件的大小,有针对性的进行模块化拆分路由懒加载在 router.js文件中，原来的静态引用方式，如import ShowBlogs from '@/components/ShowBlogs';routes: [(path: 'Blogs'), (name: 'ShowBlogs'), (component: ShowBlo
2021-05-12 17:15:43
904
原创 vue项目文件详解
├── README.md 项目介绍├── index.html 入口页面├── build 构建脚本目录│ ├── build-server.js 运行本地构建服务器，可以访问构建后的页面│ ├── build.js 生产环境构建脚本│ ├── dev-client.js 开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新│ ├── dev-server.j
2020-11-02 23:22:06
396
原创 如何删除node_modules文件夹
如何删除node_modules文件夹1.安装npm包–rimrafnpm install rimraf -g2.在cmd指令下，进入所需删除的node_modules文件夹的位置，再输入指令rimraf node_modules3.如果全局安装rimraf -g命令报错可以在前面加上sudo来解决sudo nom install rimraf -grimraf node_modules...
2020-10-28 00:53:30
169
原创 js 星星评分 (根据数据显示星星个数)-----简版
星星评分-简版纯属自己的想法最近在做一个项目用到星星评分，然后就各种找插件，还是不能满足我的要求，然后就自己写了一个，笨方法，可能不是很好，记录一下。新的改变/评分/.box{width:100px;height:20px;/background:#f4cea3;/background: url(…/images/icon/xingxing1.png) top left ...
2019-02-16 16:51:08
4047
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人