wilL-my的博客

ant design table设置scroll列表错位问题

ant design中table设置动态高度

在微信支付时，当调用微信支付的时候，微信会判断当前页面和微信公众号后台设置的支付授权目录是否一致，他会把页面最后一次刷新的url作为判断依据（如果用户刷新了任何页面，这个页面就是支付页面），这个时候，单页应用的路由中‘#’后面的内容也会被传递过去，在微信的判断流程里，这个url和设置的目录是不匹配的，因为涉及到多个页面都会发起支付请求，所有设置多个带页面参数的url是不合理的，所以这里在‘#’前面添加了‘?’，让微信忽略‘?’后面的内容。mounted() { if (window.loc.

https://zhuanlan.zhihu.com/p/375347921切换效果预览已封装的工具主要的实现就是修改了 less 和 sass 的 render 的编译逻辑，以达到所有的less、scss文件(包括支持css modules的)经过相同的编译逻辑，请使用@zougt/some-loader-utils的getLess和getSass方法，替代当前构建环境中的less和sass编译器，目前在 webpack 和 vite 中使用测试过。 如需对编译后的主题 css 抽取成..

1.新建request.jsimport axios from 'axios'import { Message, MessageBox } from 'element-ui'//请根据自己的情况自信修改import store from '../store' // 创建axios实例const service = axios.create({ baseURL: process.env.BASE_API, // api 的 base_url /* baseURL: window.gl

1.新建一个Toast组件<template> <transition name="fade"> <div v-show="visible">{{message}}</div> </transition></template><script>export default { data () { return { visible: false, message:

dom模块用于对 weex 页面里的组件节点进行一部分特定操作。scrollToElement将 list 的某个子节点滚动到当前视口 getComponentRect获取某个组件的 bounding rect 布局信息 addRule添加 font-face rule getLayoutDirection0.20.0+获取某个组件的布局方向（rtl、lrt、inherit）让页面滚动到 ref 对应的组件，这个 API 只能用于可滚动组件的子节点，例如，,等可滚动组件中。s...

1、首先在项目中安装以下依赖npm install px2rem-loader --savenpm install amfe-flexible --savenpm install postcss-px2rem --save2、在main.js中添加：import 'amfe-flexible'3、在vue.config.js中进行配置module.exports = { css: { loaderOptions: { post

getQueryString = (name, search) => { search = search || window.location.search.substr(1) || window.location.hash.split("?")[1]; let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); let r = search.match(reg); if (r != null) return .

在我们项目开发中，经常需要import或者export各种模块，那么有没有什么办法可以简化这种引入或者导出操作呢？答案是肯定的，下面就为大家介绍一下require.context我们会这样引入组件：import A from 'components/A'import B from 'components/B'import C from 'components/C'import D from 'components/D'// ...这样很蛋疼，因为每加一个组件，可能都要写这么一句，这样.

bluetooth.jsimport store from '@/store/index.js';class Bluetooth { constructor(arg) { this.isSearching = false; this.list = []; //蓝牙设备列表 this.services = []; this.serviceId = 0; this.writeCharacter = false; this.readCharacter = false; thi

computed: { ...mapState({ a: state => state.some.nested.module.a, b: state => state.some.nested.module.b })},methods: { ...mapActions([ 'some/nested/module/foo', // -> this['some/nested/module/foo']() 'some/nested/module/b.

https://blog.youkuaiyun.com/ZiChen_Jiang/article/details/108791224

router// Vue Router 4import { createRouter, createWebHistory } from "vue-router";import index from '../views/index.vue'import one from '../views/one.vue'export default createRouter({ history: createWebHistory(), routes: [ {

新建JS文件export default { obj: {}, canDoFunction(e = {}) { if (!this.obj[e.key]) { this.lockKey(e.key); e.success && e.success(); if (e.time) { setTimeout(() => { this.releaseKey(e.key) }, e.time) } } else { e.f

首先，在main.js里面全局注册一个eventbus的方法。Vue.prototype.$EventBus = new Vue()分别在页面或组件中注册一个自定义事件和监听事件 this.$EventBus.$emit(自定义事件名, 数据); this.$EventBus.$emit("send","hello")--------------------------------------- this.$EventBus.$on("send",(val)=>{ co

<template> <button id="downloadButton">单页面点击下载</button></template><script> export default { mounted:function(){ const s = document.createElement('script'); s.type = 'text/javascript';.

1.在uniApp中App模式下使用【subNVue 原生子窗体】解决抽屉侧边栏无法覆盖map、canvas等原生组件的问题<template> <div class="wrapper"> <!-- <list class="list-wrapper"> <cell v-for="item in lists" :key="item.id"> <div class="text-wrapper" @click=.

let routes = getCurrentPages(); // 获取当前打开过的页面路由数组let curRoute = routes[routes.length - 1].route //获取当前页面路由let curParam = routes[routes.length - 1].options; //获取路由参数// 拼接参数let param = ''for (let key in curParam) { param += '&' + key + '=' + cu.

参考：https://www.jianshu.com/p/9dda283b7482

参考：https://www.jianshu.com/p/7344c4066e82

<!--在父组件中引用子组件，添加ref标识--><son ref="son"></son>//父组件点击事件clickFunc(){ //若更新子组件里a的值 this.$refs.son.a = 'xx'; //若调用子组件里b方法 this.$refs.son.b();}...

https://segmentfault.com/a/1190000016040068

axios 的二次封装（拦截重复请求、异常统一处理）https://segmentfault.com/a/1190000016457844vue2.0+axios+mock+axios-mock+adapter实现登陆 https://segmentfault.com/a/1190000015682126axios设置token到请求头 https://blog.youkuaiyun.com/qq...

https://www.cnblogs.com/SamWeb/p/8417940.html

let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。 let prevPage = pages[ pages.length - 2 ]; //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。 prevPage.setData({ // 将我们想要传递的...

https://blog.youkuaiyun.com/syleapn/article/details/97276991

https://ask.dcloud.net.cn/article/35661

<li v-for="(kxz, index) in kxz " id="wz1"> <div class="grid-content bg-purple input"> <input class="text_fz" :id="'text'+index" type="text" :value=kxz.wz> &l...

var hAdsTimer = setInterval(function () { }, 5000) this.$once('hook:beforeDestroy',()=>{ clearInterval(hAdsTimer) })

// 监听,当路由发生变化的时候执行watch: { $route: { handler: function(val, oldVal){ console.log(val); }, // 深度观察监听 deep: true }},

Vue使用axios，then方法中无法读取到data中的数据，提示Cannot set property 'xxx' of undefined解决方法：let self=this;axios.get('/user', { params: { ID: 12345 } }) .then(function (response) { self....

下载安装nodenode官网注:建议下载长期支持版查看node及npm版本node -vnpm -v安装@vue/cli-initnpm i -g @vue/clinpm i -g @vue/cli-initvue初始化基于webpack的my-project项目(项目名不能用大写字母)vue init webpack my-project...

/** * get方法，对应get请求 * @param {String} url [请求的url地址] * @param {Object} params [请求时携带的参数] */export function get(url, params){ return new Promise((resolve, reject) =>{ axios.get(url...