vue纯手写手动暗色主题切换和跟随系统变化
小编还在快🐎加编中...
vue自定义一个全局消息弹窗组件
通过Vue.extend + $mount方法来构造一个带动画的可调用的全局组件，效果如下步骤如下先在components/目录下创建一个tips的文件夹再新建index.vue和tips.js的文件分别填入以下内容，并且修改main.js文件内容和public目录下index.html的内容index.vue<template> <div class="msg
深度选择器（样式穿透）
在 vue 项目的开发过程，会遇到在父组件中想要修改子组件的样式，如：官网地址：Scoped CSS | Vue Loader (vuejs.org)父组件：father.vue<script> import child from "./child.vue" </script> <template> <child cla
今天吃什么？
解决今天吃什么的问题，可以自己添加食物可也以用现成的使用到的技术：vue2 + element-ui<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib
Vue操作变量时原始数据被改变
原因我们想要实现的效果是当将A变量赋值给新的B变量时操作B变量而不影响A变量，但这种做法其实是通过浅拷贝copy出一份数据变成两份一样的基础数据，但是B=A的方式只是将B指向A的存储地址，实际上只有同一份数据，因此无论修改A还是B都是会互相影响的。解决方案先用JSON.stringify()从A对象中解析出字符串，再用JSON.parse()将解析出的字符串转换成JSON对象，这样可以得到两份一样
uView2.0 swipe-action-item组件页面无法上下滑动
原因主要是因为uView在组件中加了一条touch-action: none（touch-action用于设置触摸屏用户如何操纵元素的区域）属性导致无法上下进行滚动。我选择的解决方法是直接修改uView组件样式。修改前.u-swipe-action-item { position: relative; overflow: hidden; /* #ifndef APP-NVU
小程序获得data中的值与Vue的差距
Vue 中 data 的取值data() { return { name: '小李' }; }, methods:{ click(){ // data取值 console.log(this.name) } }微信小程序中 data 取值data: { name: '小李' }, click(){ con
vue页面间传参
rout-link标签跳转携带参数<template> <div id="app"> <!-- 不带参数 --> <div><router-link :to="/">首页</router-link></div> <!-- 路由路径 -->
js唤起拨号功能（vue同理）
现在public下的index.html中加入这行代码<meta name="format-detection" content="telephone=yes" />然后写一个方法function call(phone) { // phone是要拨打的号码 window.location.href='tel://' + phone }效果
vue中router.addRoutes和router.addRoute的使用方法
addRoutes 传入数组const accessRoutes = await store.dispatch( "permission/generateRoutes", roles ); router.addRoutes(accessRoutes); // 动态添加可访问路由表 // 如果参数to不能找到对应的路由的话，就再执行一次beforeEach((to