摘要：手动点击设置全屏/退出全屏 html <div style="height:100%" v-if="isReloadData"> <div @click="fullScreen()">{{ isFullScreen ? '退出全屏' : '全屏展示' }}</div> </div> js expor
阅读全文
posted @ 2023-07-13 18:15
随笔分类 - vue
摘要：1、echarts环形图设置主标题text和副标题subtext在环形图中居中显示 可以通过设置主标题和副标题的textAlign来设置，title textAlign methods: { initChart() { let self = this; // {height:'250px'} 设置t
阅读全文
posted @ 2023-07-13 16:19
摘要：数据最高只有11条，做显示更多和隐藏，超过4条的数据就显示更多
阅读全文
posted @ 2021-05-18 17:57
摘要：需求： 纵坐标为日期 横坐标为 时间点 且 横坐标有分支（前提事件） 纵坐标是用elementUi里的事件轴实现。 实现： <template> <div class="processInfo" v-loading="openAccountProcessLoading"> <common-title
阅读全文
posted @ 2020-09-17 16:17
摘要：近期项目 进去突然报错Avoided redundant navigation to current location: "/system/personNumList" 查资料发现说是 因为路由重复。 在router.js下加入一下代码即可
阅读全文
posted @ 2020-07-06 11:37
摘要：1、父到子传值 props 子组件：声明一个props属性 父组件：绑定子组件声明的那个属性 2、子到父组件传值 2.1 通过ref 父组件通过this.$ref来获取子组件的数据在父组件中引入子组件，通过给子组件添加ref属性，利用this.$ref对象来获取子组件的值 2.2 $emit 和 v
阅读全文
posted @ 2020-06-29 16:42
摘要：场景： 近期小程序出现问题，我们在 miniAction接口 获取openId，openId需要在多个页面跨页面用到，用setStorage存储起来，在需要用到openId的地方用 getStorage取，但是上线后，有部分用户反映小程序登录不上去，经查是openId在传输过程中丢失了，查资料，发现
阅读全文
posted @ 2020-06-23 16:48
摘要：动态渲染style可以让两个相似样式的框架只动态修改style即可。 <el-input v-model="itemLabel.oldValue" class="borderNone" :style="{width:(label.flag == 'basePerson'?'40%':'100%'),
阅读全文
posted @ 2020-06-19 15:55
摘要：点击 icon input 同步获取焦点，且点击input不可以获取焦点。 代码： html <el-form :model="dataLabel.basePopulationLabels" label-width="80px" size="mini"> <el-form-item label="姓
阅读全文
posted @ 2020-06-16 14:33
摘要：需要去掉input边框。 直接在含有 scoped属性的style中修改，是不起作用的。在一个不含scoped属性中 html： css： 效果：
阅读全文
posted @ 2020-06-16 13:51
摘要：router router为VueRouter的实例，相当于一个全局的路由器对象。通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象。里面含有很多属性和子对象，例如history对象。经常用的跳转链接就可以用this.$router.push，和rou
阅读全文
posted @ 2020-06-15 17:34
摘要：hash vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 URL：http://www.abc.com/#/hello, hash 的值为#/hello 。 hash 虽然出现URL中，但不会被包含在
阅读全文
posted @ 2020-06-15 17:16
摘要：router-link 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始
阅读全文
posted @ 2020-06-15 16:50
摘要：前言 最近小程序项目需要一个 弹框 展示 轮播图 。项目用的 mpvue 框架，使用 colorUi 的轮播图时， <swiper class="card-swiper round-dot" indicator-dots="true" circular="true" autoplay="true"
阅读全文
posted @ 2020-05-18 18:04
摘要：在 开发过程中 我们可以通过日志 来查看出现的各种问题，但是在生产环境中遇到问题时我们有时很难复现，不易我们了解到具体的问题，收集生产环境的报错日志会帮助我们记录问题，方便后期处理。 在main.js进行全局配置。 // 上报错误日志 const errors = [] const getTimes
阅读全文
posted @ 2020-04-22 10:41
摘要：父组件： 子组件： 点击子组件取消按钮 调用父组件 关闭弹窗方法。
阅读全文
posted @ 2020-04-14 17:33
摘要：1.vue 获取 input 获取焦点事件 @focus 获取input 焦点事件 （失去焦点，再次获取焦点时触发） <el-input @focus='getFocus'> </el-input> getFocus() { }, 2.@input 用于监听事件 只要输入的值变化了就会触发input
阅读全文
posted @ 2020-03-17 16:37
摘要：Object.assign ( ) 合并对象 let params = Object.assign({},obj,obj1) //花括号{ }叫目标对象，后面的obj、obj1是源对象。对象合并是指：将源对象里面的属性添加到目标对象中去，若两者的属性名有冲突，后面的将会覆盖前面的 var obj1
阅读全文
posted @ 2020-03-17 16:15
摘要：近期 小程序项目 ，个人简介模块有个语音介绍功能，播放语音时需要 切换gif 动图 来标识正在播放语音，暂停或停止播放时 切换为png 图片。 刚开始 是定义了两个类，想要通过添加 移除 类名来实现。但是发现在vue中 获取 dom元素时，报错。getElementById if undefined
阅读全文
posted @ 2020-01-14 15:24
摘要：vue路由url 传参 :params（分为url中显示参数和不显示参数） url显示参数（页面刷新数据不会丢失） 方式一： getDescribe(id) {// 直接调用router.push实现携带参数的跳转this.router.push 实现携带参数的跳转this.router.push实
阅读全文
posted @ 2019-12-26 17:09
