- 博客(12)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端大屏适配方案
最近一个需求困扰了我很多天，产品要求我在管理后台内嵌一个大屏，大屏能点击放大全屏缩小。想了很多方案都不顶用，最后灵感一闪，终于想出了方案。废话不多说，直接上代码。
2024-09-25 08:47:29
121
原创 Vue通过ref获取不到$refs
今天写项目时发现一个问题，就是明明已经定义了ref，但通过$refs打印却没有打印出想要的结果。代码如下<!-- html部分 --><div ref="myOrder" v-if="isOrder"></div>// js部分init () { console.log(this.$refs.myOrder) //undefined}打印结果是undefined。后来查阅资料后发现问题所在：ref所在的标签不要用v-if，使用v-show就好了。并且r
2022-04-18 15:27:51
3864
原创 Vue中使用touchstart、touchmove、touchend与click冲突
今天做项目，突然发现了这个问题。就是在移动端，一个元素既注册有滑动事件，又注册有点击事件时就会出现一些问题。比如我就不知道滑动事件的优先级是大于点击事件的，而当我们只想执行点击事件而不想触发滑动时间时，就必须做个处理事件执行顺序：touchstart →touchmove →touchend→click所以当我们执行点击事件时，其实在执行点击事件之前，就已经执行了滑动事件了。如果滑动事件的逻辑和点击事件的逻辑不一样，这样就会出现问题。上网找了很久终于找到一个方法,就是通过活动距离来判断，当滑动距
2022-04-11 16:08:30
6380
2
原创 Vue踩坑之Error in render: “TypeError: Cannot read properties of undefined (reading ‘url‘)“ found in
Vue踩坑之Error in render: “TypeError: Cannot read properties of undefined (reading ‘url’)” found in今天写项目时发现项目报错，原因是Vue项目中使用v-if判断。一般来说都不会有什么问题的，但是当你判断的变量是多重对象属性时就会出现问题。比如下面的代码：<div v-if="obj.file.url"></div><script>export default { dat
2021-11-19 16:57:09
25591
1
原创 基于IView UI 的关闭当前页面，并返回上一页
基于IView UI 的关闭当前页面，并返回上一页之前公司使用Iview作为项目的UI框架，而作为前端开发的我则不可避免遇到要关闭当前标签页，并返回上一标签页的问题。那时我不怎么会，后来请教项目组的大佬后才发现其实也很简单。具体代码如下：//this.view 当前页路由this.$store.dispatch("delVisitedViews", this.view).then(views => {//oldRouter 上一页路由 this.$router.pu
2021-09-24 15:11:11
1026
原创 基于iview的tree节点自定义选中高亮
基于iview的tree节点选中高亮iview 的树节点本来默认选中就有背景高亮的，但是如果你用了render自定义组件渲染后，默认选中背景高亮就不起作用了。这就需要我们自己在render函数里自己定义了。我接手公司一个项目，该项目的左侧目录栏使用了iview的tree组件。本来是可以背景高亮的，但是项目大改，数据全变了。开发时间又比较急，树节点背景选中高亮不起作用了。项目原来代码renderContent(h, { root, node, data }) { return h(
2021-03-16 09:15:27
1163
原创 一个很好用的截图插件——cropper
一个很好用的截图插件——cropper前段时间公司需要我写一个截图的功能，由于我之前没有接触过这个。只能上网查询资料。然后发现一个好用的插件cropper.js。现在的许多截图插件都是基于这个插件二次封装的。你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点
2021-01-29 11:28:07
1483
原创 iView框架Collapse组件踩坑之动态数据打不开面板
最近使用iview开发，在使用Collapse组件时，发现动态获取数据后，明明按官网的那样使用v-model来控制面板的打开，但是动态获取数据后，没有打开默认面板。我在网上查了好久资料才解决这个问题，就是把data里的value1的初始值设置为null，然后再在请求结束后将value1设置为数组：[“0”],这样页面有数据后就会打开第一个面板了。...
2021-01-07 17:43:38
1310
1
原创 vue分页功能实现
今天有人问我怎么用vue实现分页功能，我开始觉得这不是后端的事吗？怎么我们前端也要干了，而且现在怎么多UI库，比如Element-ui，我觉得这是个很好的前端UI库啊。不过既然有人问了，我就写写吧。这是我的HTML代码<template> <ul> <!--上一页按钮--> <li><button class="el-icon-arrow-left" @click="getPageGo(-1)" :disabled="isAc.
2020-10-09 18:50:08
2941
原创 关于uni-app页面跳转的问题
关于uni-app页面跳转的问题今天我在使用uni-app的uni.navigateTo来实现页面跳转时，发现一个问题，我的url设置好了，但是点击按钮没有实现页面跳转，看了一下控制台，也没报错。当时整个人都不好了，我于是开始翻资料查找到底是哪里出了问题。翻来覆去都找不到问题所在，我又去看官方文档，还是找不到问题的所在。最后才发现问题的所在，URL那里不用写pages，直接写成"…/search/search"就可以了，但我写的时候依赖于快捷方式，直接就把快捷方式的路径写上去。最后就导致页面跳转不了，
2020-09-21 16:24:54
7997
9
原创 Element-ui导航使用问题
关于Element-ui导航的使用最近我是用element-ui进行布局，但是遇到了一些问题，我发现我创建一个组件来保存导航栏。但是组件导入到系统后却发现，导航没出来。这可急坏了我。我界面就这样，我开始去百度，去问大神，但是都没结果。但是当我把导航的代码直接放到App.vue时，导航又出来了。我开始想：是不是横向导航就只能放在App.vue这里，不然为什么我导入侧边导航又可以呢。今天，我终于想清楚了：是我的组件名的问题，我原先的组件名是Nav.vue，导入系统后是这样的。这样写是没问题的，但是
2020-06-20 13:52:22
505
php与ajax实现文章管理.rar
2020-01-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人