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

- 阅读全文 -

Vue前端解决跨域问题

Vue 项自中 使用 vue.config.js 解决跨域问题Vue 项目一定是 cli 创建的 Vue 项目# 安装 npm install -g @vue/cli # 创建一个项目 vue create my-project1.为什么会出现跨域问题?出于浏览器的同源策略限制,同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器

- 阅读全文 -

elementUI的导航栏在刷新页面的时候选中状态消失的解决

首先elementUI的导航栏中的选中项的高亮显示时的字体颜色可以在属性中设置,但是高亮时的背景颜色不能设置,所以要自己修改高亮的背景颜色.el-menu-item.is-active { background-color: #00b4aa !important; }在使用elementUI构建vue项目的时候会遇到页面刷新的时候子路由会保持原来的,页面中的内容也是当前对应路由的内容,但是el

- 阅读全文 -

Vue3和Vue2有什么区别

区别生命周期的变化 整体来看,变化不大,只是名字大部分需要 + on,功能上类似。使用上 Vue3 组合式 API 需要先引入;Vue2 选项 API 则可直接调用,如下所示。 // vue3 <script setup> import { onMounted } from 'vue' onMounted(() => { ... }) // 可将不同的逻辑拆开成多

- 阅读全文 -