logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue分页功能实现

今天有人问我怎么用vue实现分页功能,我开始觉得这不是后端的事吗?怎么我们前端也要干了,而且现在怎么多UI库,比如Element-ui,我觉得这是个很好的前端UI库啊。不过既然有人问了,我就写写吧。这是我的HTML代码<template><ul><!--上一页按钮--><li><button class="el-icon-arrow-left"

#javascript#css#vue.js +2
Vue通过ref获取不到$refs

今天写项目时发现一个问题,就是明明已经定义了ref,但通过$refs打印却没有打印出想要的结果。代码如下<!-- html部分 --><div ref="myOrder" v-if="isOrder"></div>// js部分init () {console.log(this.$refs.myOrder) //undefined}打印结果是undefined。

#javascript#vue.js
Vue中使用touchstart、touchmove、touchend与click冲突

今天做项目,突然发现了这个问题。就是在移动端,一个元素既注册有滑动事件,又注册有点击事件时就会出现一些问题。比如我就不知道滑动事件的优先级是大于点击事件的,而当我们只想执行点击事件而不想触发滑动时间时,就必须做个处理事件执行顺序:touchstart →touchmove →touchend→click所以当我们执行点击事件时,其实在执行点击事件之前,就已经执行了滑动事件了。如果滑动事件的逻辑和点

#javascript#vue.js
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"

#javascript#css#vue.js
到底了