vue3监听路由的变化

1、插槽内容1. 两个组件组件B:<template><div><h1>我是B组件的内容</h1></div></template><script>export default {name: “testB”}</script&...

一、功能需求1.前提：动态渲染分享列表；2.内容超过三行，隐藏多余行数，显示…并配有下拉箭头；3.点击下拉箭头跳转至详情页（仿照微博）；4.注意：网上查询了很多，在移动端都有一些设备不适配，因此采用了css和获取行高进行的条件判断。5.备注:如有好的方法的小伙伴，欢迎留言。二、代码部分1.html<div v-for='item in shareList' :key='item.id'&gt

根据url路径生成一张二维码图片。1.下载相关依赖npm install qrcodejs2 --save2.相关组件引入import QRCode from 'qrcodejs2'3.html<div id='qrcode'></div>4.js 在需要的地方进行调用，一般是后台返回链接之后进行调用new QRCode('qrcode',{...

一、需求说明：1.一个页面，有两个可以切换的tab页，上拉加载数据。2.在进行tab页切换的时候，首次会调用两次接口，出现数据重复的现象（虽然在数据处理的时候可以用去重解决，但不是最好的方法）。3.最后采用原生的滚动事件监听。4.最后找到的原因是由于其他功能设置引起的没有数据也有整屏幕的高度，因此vant组件调用了两次列表查询接口。二、解决方案mounted() {//列表查询方法this.cha

监听浏览器的回退按钮，并阻止其默认事件。1.dom挂载完成后，判断浏览器是否支持popstate。//监听浏览器返回if (window.history && window.history.pushState) {history.pushState(null, null, document.URL);window.addEventListener('popstate', this.

       computed属性监听对象时候，若对象的引用地址未改变，那么computed将不会检测到。（比如object中的某个key对应的value发生了变化，computed检测不出来）原写法export default {namespaced: true,state: {shareInformation:{other:

一、需求分析：1.部门按照树形结构展示一级、二级目录；2.当一级目录选中时，二级目录自动全选；3.当二级目录全选时，一级目录自动选中，反之，有一个二级没选中，一级就不被选中；4.添加全选功能。二、上代码备注：此处引用了vant组件的复选框功能。<template><div id="treeList"><div @click="checkAllFun"><v

1.html<divref="scrollRef" class="box"><!-- 由内容撑起滚动条 --></div>2.css.box{width: 100%;overflow-x: scroll;overflow-y: hidden;&::-webkit-scrollbar {display: none;}}3.js//获取完数据后，执行let

1.需求：当如图弹框的内容滚动/滑动时，遮罩层后边的内容静止不动。2.代码<divv-show="isShow"@touchmove.prevent @mousewheel.prevent></div>这个div是遮罩组件的根组件，核心就是div上的事件绑定。@touchmove 是触摸移动事件@mousewheel 是鼠标滚轮事件而加了prevent事件后缀，是阻止默认事