
vue
Julia_0502
这个作者很懒,什么都没留下…
展开
-
el-select 在iOS手机上,无法唤起软键盘
el-select添加 filterable 属性,支持搜索,在 ios 手机上无法唤起软件盘进行搜索。原创 2023-02-24 14:32:18 · 1017 阅读 · 0 评论 -
el-form表单组件校验
el-form表单组件校验。原创 2022-11-16 14:52:30 · 613 阅读 · 0 评论 -
VUE中实现爷孙组件的数据通信
VUE中实现爷孙组件的数据通信。原创 2022-11-16 14:36:20 · 1108 阅读 · 0 评论 -
移动端使用vuedraggable实现拖拽排序
移动端使用vuedraggable实现拖拽排序。原创 2022-11-16 11:29:41 · 1526 阅读 · 0 评论 -
vue-pdf 移动端分页查看pdf文件
vue-pdf 移动端分页查看pdf文件。原创 2022-11-16 10:54:06 · 861 阅读 · 1 评论 -
vue 页面设置meta标签
vue 页面设置meta标签。原创 2022-11-16 10:44:11 · 2971 阅读 · 1 评论 -
van-pull-refresh与van-list同时使用触发两次下拉,出现两个加载中进度条
van-pull-refresh与van-list同时使用触发两次下拉,出现两个加载中进度条原创 2022-05-05 15:52:43 · 2856 阅读 · 1 评论 -
van-pull-refresh下拉刷新后顶部出现空白
van-pull-refresh下拉刷新后顶部出现空白原创 2022-05-05 15:29:36 · 918 阅读 · 0 评论 -
van-pull-refresh下拉刷新与局部滚动条冲突
van-pull-refresh下拉刷新与局部滚动条冲突原创 2022-05-05 15:11:18 · 3686 阅读 · 0 评论 -
移动端输入框禁止软键盘弹出
输入框: <el-input v-model="value" @focus="forbid" />//focus 聚焦事件 forbid () { document.activeElement.blur() }document.activeElement: 返回文档中当前获得焦点的元素。时间输入框://单个时间<el-date-picker @focus="forbid" value-format="yyy原创 2021-12-15 18:59:38 · 2284 阅读 · 0 评论 -
Vue项目 针对角色配置权限之菜单权限
Vue项目 针对角色配置权限之菜单权限原创 2021-12-09 17:11:30 · 2189 阅读 · 0 评论 -
Vue项目 针对角色配置权限之按钮权限
vue项目 权限控制原创 2021-12-09 16:19:17 · 1582 阅读 · 0 评论 -
vue项目中使用dhtmlxGantt绘制甘特图
VUE+Element 基础上使用dhtmlxGantt绘制甘特图安装依赖:npm install dhtmlx-gantt使用:1、HTML<template> <div class="gunter"> <div ref="gantt" class="gunter-content" /> </div></template>2、javascript<script>import { gantt }原创 2021-08-25 11:01:24 · 1816 阅读 · 1 评论 -
awe-dnd 实现el-table动态拖拽设置表头
项目场景:VUE+Element 实现el-table动态设置表头(可拖拽)问题描述:由于Element组件不支持动态拖拽设置表头,所以使用awe-dnd插件实现拖拽效果实现方法:安装依赖npm install awe-dnd --save全局注册或局部注册1、全局注册在main.js文件中import VueDND from 'awe-dnd';// 注册-拖拽组件Vue.use(VueDND);2、局部注册(页面内注册)import Vue from 'v原创 2021-08-24 20:28:02 · 954 阅读 · 0 评论 -
vue 使用qrcode插件生成二维码
安装:npm install --save qrcode使用:<template> <div id="app"> <canvas id="canvas" /> </div></template><script>export default { name: 'App', mounted(){ this,init() }, method:{ init(){ //引入 const Q原创 2021-08-19 16:25:44 · 223 阅读 · 0 评论 -
vue-pdf文件在线预览
提示:记录一下vue-pdf使用方法,避免忘记,便于后面使用文章目录前言一、安装二、pdf 页面显示1.html2.javascript效果图总结前言提示:以下是本篇文章正文内容,下面案例可供参考一、安装npm install --save vue-pdf二、pdf 页面显示1.html<template> <div class="pdf-box"> //pdf展示 <pdf class="pdf"原创 2021-08-17 17:40:37 · 427 阅读 · 0 评论 -
vue使用vue-pull-refresh插件实现下拉刷新
移动端下拉刷新安装页面引入声明插件使用安装npm install --save vue-pull-refresh页面引入import VuePullRefresh from 'vue-pull-refresh';声明插件components:{ VuePullRefresh },使用<template> <VuePullRefresh :on-refresh="onRefresh"> ...//需要下拉的内容 </VuePullRefr原创 2021-08-17 17:00:34 · 1501 阅读 · 0 评论 -
vue中img的src动态渲染不显示
vue中img的src动态渲染不显示问题描述根据不同状态显示不同的状态图标,原代码(不显示)如下: <img :src="`@/assets/device/${itemdata.deviceStateName}.png`" :alt="itemdata.modelName" >实际上在引用的路径下这些图片是存在的,只是引用的方式不对,图片并没有被打包,显示引入路径,所以导致找不到该图片解决办法使用require引入图片原创 2021-06-07 11:26:55 · 1932 阅读 · 0 评论