Vue
luanluan8888
这个作者很懒,什么都没留下…
展开
-
css大屏动画效果
图片旋转、列表无限滚动、图片显隐原创 2022-08-03 11:36:39 · 1961 阅读 · 1 评论 -
【前端导出操作】前端页面导出操作归纳
点击“导出”按钮,自动访问后台 获取excel原创 2022-05-12 17:37:05 · 1674 阅读 · 0 评论 -
前端正则表达式
这里写自定义目录标题正则表达式只能输入汉字、英文、数字正则表达式只能输入汉字、英文、数字var reg = /[^a-zA-Z0-9\u4E00-\u9FA5]/g;原创 2022-01-12 16:46:12 · 122 阅读 · 0 评论 -
前端常见css样式问题
前端常见css样式问题1、css -- 数字字母自动换行1、css – 数字字母自动换行word-wrap: break-all;页面展示:原创 2021-12-30 13:47:32 · 522 阅读 · 0 评论 -
Vue-cli3更改项目logo图标
1、图标切成对应大小2、图标名称后缀与vue原有图标logo名称、后缀一致( favicon.ico),并替换3、vue项目根目录下 新建 vue-config.js,添加下列代码module.exports = { pwa: { iconPaths: { favicon32: 'favicon.ico', favicon16: 'favicon.ico', appleTouchIcon: 'favicon.ico', maskIcon: '原创 2021-03-05 09:34:28 · 1387 阅读 · 1 评论 -
VUE父子组件传值问题
问题1:开发过程中发现父组件 调用 子组件后 子组件 更改提交 操作完成后,无法自动关闭问题2:开发过程中发现父组件 调用 子组件后 子组件更改对象信息 父组件也跟着一起更改问题3:开发过程中发现父组件 调用 子组件后 子组件 更改提交 操作未完成 重新点击 编辑 对象框内信息仍保留上次更改结束的信息/*父组件*//*v-bind:数据绑定@aclose="close":使子组件可调用父组件方法ref="ref1":绑定ref,后面调用this.$refs.ref1.init();子组件原创 2021-02-26 12:09:56 · 216 阅读 · 0 评论 -
Vue+ElementUI 之 input输入框 添加自定义图片
Vue+ElementUI 之 input输入框 添加自定义图片效果图如图:<el-form ref="formData" :model="formData" label-width="80px" style="padding-top: 70px;" class="loginForm"> <el-form-item> <el-input class="username" type="text" v-model="formData.USERNAME" autocomp原创 2021-02-24 14:02:02 · 6021 阅读 · 0 评论 -
Vue+Swiper+slidesPerView
工作中遇到一个需求,要求做一个轮播图,很常见的轮播图:例如7张图 1 2 3 4 5 6 7 第一次显示4张 1234 … 2345 … 3456 …4567 … 5671 … 6712 … 几张图片显示的时候长宽高一致。刚开始想到用 element ui 但是看了一下,element ui的旋转木马走马灯 和我的需求样式不匹配,所以决定用 swiperVue安装依赖Swiper:npm install swiper@3.4.1 --save-dev引用组件:main.js中:import Swip原创 2020-08-28 11:07:57 · 4156 阅读 · 0 评论 -
Vue 列表跑马灯
.Vue文件中:<ul class="GZDT_list clearfix active" > <li v-for ="item in gzdtList" > <a :href="item.url" target="_blank" :title="item.title"> <span class="GZDTtitle"> {{item.title | ellipsis}} </span> </a>.原创 2020-08-26 09:13:56 · 999 阅读 · 0 评论