vue
有关vue的
北里新妆
这个作者很懒,什么都没留下…
展开
-
uniapp+vue3+vites使用lime-echart问题记录
uniapp+vue3+vites使用lime-echart问题记录原创 2024-03-06 11:02:47 · 708 阅读 · 0 评论 -
vue 跨域代理
跨域代理原创 2023-03-27 15:32:05 · 203 阅读 · 0 评论 -
基于Element UI select组件实现同时支持通过label和value过滤列表
element ui的select组件设置filterable后, 默认支持的是通过label来进行过滤搜索, 那么如何让value也支持过滤呢?官方文档上提供了filter-method来自定义搜索方法, 还需要一个visible-change(下拉框出现/隐藏时触发)的事件来实现功能.转载 2023-03-14 09:53:35 · 764 阅读 · 0 评论 -
vue3中watch监听reactive数据和ref
vue3中watch监听reactive和ref转载 2022-09-08 10:14:11 · 3797 阅读 · 2 评论 -
vue3+ts笔记
vue+ts 笔记原创 2022-08-03 09:31:24 · 407 阅读 · 1 评论 -
Vue3中reactive的理解
Vue3中reactive的理解转载 2022-07-28 10:10:20 · 1099 阅读 · 0 评论 -
SetUp
setup原创 2022-07-21 11:47:01 · 416 阅读 · 0 评论 -
vue中修改第三方组件的样式不生效
vue中修改第三方组件的样式不生效转载 2022-07-07 15:03:08 · 2864 阅读 · 0 评论 -
[vue3 + TS] 父组件调用子组件方法
[vue3 + TS]转载 2022-07-06 10:00:37 · 2171 阅读 · 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 · 392 阅读 · 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 · 1685 阅读 · 0 评论 -
vue笔记 公共函数、公共数据写法
vue公共函数方法一方法二 方法一 //第一步1文件.vue class common { diskdata(obj) { return :{} } export default new common() //第二步main.js Vue.prototype.$commonJS = common //第三步调用方法 this.$commonJS.diskdata(obj) 方法二 //文件global.vue let indexStrFun=(index)=>{ return index原创 2020-09-27 10:22:24 · 748 阅读 · 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 · 1983 阅读 · 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 · 1604 阅读 · 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 · 2490 阅读 · 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 · 1075 阅读 · 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 · 733 阅读 · 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 · 679 阅读 · 2 评论