vue
有关vue的
北里新妆
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
uniapp+vue3+vites使用lime-echart问题记录
uniapp+vue3+vites使用lime-echart问题记录原创 2024-03-06 11:02:47 · 1054 阅读 · 0 评论 -
vue 跨域代理
跨域代理原创 2023-03-27 15:32:05 · 272 阅读 · 0 评论 -
基于Element UI select组件实现同时支持通过label和value过滤列表
element ui的select组件设置filterable后, 默认支持的是通过label来进行过滤搜索, 那么如何让value也支持过滤呢?官方文档上提供了filter-method来自定义搜索方法, 还需要一个visible-change(下拉框出现/隐藏时触发)的事件来实现功能.转载 2023-03-14 09:53:35 · 925 阅读 · 0 评论 -
vue3中watch监听reactive数据和ref
vue3中watch监听reactive和ref转载 2022-09-08 10:14:11 · 3954 阅读 · 2 评论 -
vue3+ts笔记
vue+ts 笔记原创 2022-08-03 09:31:24 · 508 阅读 · 1 评论 -
Vue3中reactive的理解
Vue3中reactive的理解转载 2022-07-28 10:10:20 · 1237 阅读 · 0 评论 -
SetUp
setup原创 2022-07-21 11:47:01 · 545 阅读 · 0 评论 -
vue中修改第三方组件的样式不生效
vue中修改第三方组件的样式不生效转载 2022-07-07 15:03:08 · 3053 阅读 · 0 评论 -
[vue3 + TS] 父组件调用子组件方法
[vue3 + TS]转载 2022-07-06 10:00:37 · 2333 阅读 · 0 评论 -
vue 关于window.onresize+rem布局的问题
问题:项目使用rem 布局,window.onresize不起作用如何写?1.在public文件夹的index页面写<script>var timer = null;//解决:屏幕横屏竖屏的时候没办法及时更新页面,需要刷新才可以--适用移动端/*function setRem(){ clearTimeout(timer); // 延迟屏幕横竖转换 timer = setTimeout(function () { document.documentElement.st转载 2020-12-10 17:05:41 · 464 阅读 · 0 评论 -
element实现日期范围选择器的范围设置
1.首先选择日期范围组件,设置picker-options属性<el-date-picker v-model="startTime" type="monthrange" align="right" unlink-panels :picker-options="pickerOptions" range-separator="至" start-placeholder="开始月份" end-placeholder="结束月份" siz转载 2020-10-23 11:25:25 · 1800 阅读 · 0 评论 -
vue笔记 公共函数、公共数据写法
vue公共函数方法一方法二方法一//第一步1文件.vueclass common { diskdata(obj) { return :{} }export default new common()//第二步main.jsVue.prototype.$commonJS = common //第三步调用方法this.$commonJS.diskdata(obj)方法二//文件global.vuelet indexStrFun=(index)=>{ return index原创 2020-09-27 10:22:24 · 862 阅读 · 0 评论 -
vue el-input 金额输入不超过小数点后两位
1.写el-input ,监听键盘事件,keyup,使用按键修饰符加上.native<el-input v-model="input" placeholder="请输入" @keyup.native='keyupEvent($event,input)'></el-input>2.具体方法methods:{ keyupEvent(e,input){ e.target.value=e.target.value.replace(/[^\d.]/g, '');原创 2020-08-05 10:56:11 · 2065 阅读 · 1 评论 -
vue+element表格添加删除编辑
介绍之前做的用户列表功能,抽出来了删除,新增,编辑等功能,可直接使用。效果图实例<template> <div class='useradd height'> <div class='btnDiv'> <el-button @click="addAll" icon='el-icon-plus' size='mini' type="primary">新增</el-button>原创 2020-07-14 15:52:06 · 1691 阅读 · 0 评论 -
vue自动旋转圆形导航,可进行手动拨动
实例<template> <div class="height jieruwang flexbox center"> <div class='jrwLeft center' id="div1" ref='bigcircle' :style="{ transform: `rotate(${turnRotate}deg)`, height:clientWidth+'px'原创 2020-07-27 15:24:57 · 2789 阅读 · 0 评论 -
vue中echarts自适应屏幕宽度
vue中echarts自适应屏幕宽度引用js引用import { EleResize } from '@/config/esresize'//引用this.resize(id,chart)//函数resize(id,chart){ var dom = document.getElementById(id); let lestener = function () { chart.resize() }; EleResize.on(dom翻译 2020-06-04 16:38:39 · 1156 阅读 · 0 评论 -
vue+element下拉树选择器
效果图组件vue<!-- 树状选择器 --><template> <el-select v-model="labelModel" :size='treeSize' placeholder="请选择" multiple > <el-option :value="labelModel" style="height: auto"> <el-tree :data="data" default-expand-all show-原创 2020-07-14 15:38:47 · 842 阅读 · 0 评论 -
vue el-input+ul仿select
这里写自定义目录标题效果图select组件使用效果图select组件<template> <div class="select1 " > <el-input size='mini' placeholder="请选择模板名称" @blur="show=false" :suffix-icon="icon" @focus='show=true' clearable @clear='clear' v-model="value">原创 2020-07-14 15:18:29 · 812 阅读 · 2 评论
分享