vue使用问题汇总记录
1.vue的样式污染比如在home.vue文件下面定义一个样式,<style>.title{ background: red;}</style>那么在login.vue文件下面有标签使用这个class=“title”,也会有这个样式;避免样式污染的方法:<style></style>写成<style scoped></style>多加了个scoped, 这样,style标签中的样式的作用域就只是在此vue文件了,就不会...
2024-01-10vuex调用问题?
//店铺勾选 购物清单 去重不保留['updateCheckStateDelteShop'](state, arr) {let arrState = state.checkStatelet dataShop = [...arr,...arrState]let data = arr.filter(item => arr.filter(item2 => item == item2).lengt...
2024-02-20vuex 的简单使用
什么是Vuex?vuex是一个专门为vue.js设计的集中式状态管理架构。状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。1.在vue 组件中执行enabledcheckbox方法 ,true 为参数,用来改变state中的值 this.$store.dispatch("enabledcheckbox",true) 从state获取...
2024-01-10vue3函数调用问题 ?
再平常不过的 watch监听然后调用接口数据了 结果图1里面的这个函数报错(图3)说他不是一个函数 但是如果我把他换成最下面的代码片段也就是直接写 就没有报错了ps:把这个buttonState函数注释掉 下面的两个函数是不会报错的 为什么??? 不是很理解 // 同步按钮状态 try { const res = await proxy...
2024-03-14vue引入vuex的使用
1.利用npm包管理工具,进行安装 vuex。在控制命令行中输入下边的命令就可以了 npm install vuex --save2.新建一个文件夹,并在文件夹下新建store.js文件,文件中引入我们的vue和vuex。import Vue from ‘vue’;import Vuex from ‘vuex’;3.使用我们vuex,引入之后用Vue.use进行引用。4 在main js文件中...
2024-01-10vue一个动态加载组件使用的问题
描述:我维护了一个npm的组件包,里面有一个组件的功能,需要动态显示某个组件(这个组件是由引入方项目里面的组件)下面代码为应用项目中main.js中传递了一个loadVue方法进行动态导入组件。Vue.use('xxx', { loadVue: function(file) { // return require('@/views/' + file) 加载成功 return i...
2024-03-03vue 使用出现的问题(持续记录)
今天写vue 的时候,发现有几个警告。原因是我把组件起的名字写的和默认标签的名字一样了,导致系统不知道,怎么解析、我写了一个Header 组件, 和h5里面的header重名,解决方案1:header是默认标签,这会更组件冲突,vue不知道这是默认标签还是组件,所以不会渲染。建议改个名字。...
2024-01-10vue 循环调用接口赋值问题
循环调接口的时候,里面赋值的数组tableData在外面拿不到,然后想修改成等待所有接口都返回200 的时候再赋值,应该如何修改,感谢各位if (this.checkHelpData.length > 1) { var str = '' var totalAmout = '' this.checkHelpData.forEach(asyn...
2024-02-14关于vue的混入使用
普通使用:定义一个 mixin.js文件随便定一些数据记得后面导出然后在需要用的文件就可以获取了。全局混合:引入vue 全局注册混合main.js 入口文件引入然后就可以在所有页面使用了混合具体作用可以看vue文档,...
2024-01-10解决vuex刷新数据消失问题
前言vue构建的单页大型项目中,可能会用到Vuex 。Vuex 的状态存储是响应式的,当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。但是有一个问题就是:vuex的存储的数据只是在页面的中,相当于我们定义的全局变量,刷新之后,里边的数据就...
2024-01-10vue使用技巧及vue项目中遇到的问题
这里给大家分享一下vue中的一些技巧,希望对大家有用处。(话不多说上代码)1,vue路由拦截浏览器后退实现表单保存类似需求(为了防止用户突然离开,没有保存已输入的信息。)//在路由组件中:mounted(){},beforeRouteLeave (to, from, next) { if(用户已经输入信息){ //出现弹窗提醒保存表单,或者自动...
2024-01-10vue2.x 版本 jsx问题
jsx中怎么使用component组件,类似下面的写法的 componentData 为布局组件,动态引入的。<component :is="componentData" />如何返回多个节点还是必须要一个根节点回答:jsx就用jsx的写法import ComponentA from './components/ComponentA.vue'import ComponentB from '....
2024-03-01Vuex的介绍以及使用
一,什么是Vuex?vuex是一个专为vue.js应用程序开发的状态管理模式。vuex解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件之间的共享问题时会需要:多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会变得很繁琐,并且对于兄弟组件间的传递无能为力。这需要你去学习下,vu...
2024-01-10vue3常量变更的问题
在看vue3的视频教程(实际我没做过vue2的开发,直接来看的vue3),有个地方很不理解,看下图这个是视频教程中的一段代码,使用 const 定义了 count,并且给默认值0,下面的 increase 仍然可以修改count 使其每次递增1,这里的const 要怎么理解?const 难道不是常量么?常量不是不能变化么?回答只改了它的.va...
2024-01-10vue实战中的一些实用小魔法汇总
能让你首次加载更快的路由懒加载,怎么能忘?路由懒加载可以让我们的包不需要一次把所有的页面的加载进来,只加载当前页面的路由组件就行。举个????,如果这样写,加载的时候会全部都加载进来。const router = new VueRouter({ routes:[ { path: '/', name: 'Home', component: Home }, { ...
2024-01-10vue3 执行顺序问题?
app.vue里面调用了initJwt这个方法,但是打印的时候会有一个时间差,有的时候initJwt还没有执行完就走了页面的接口,想要在initJwt执行完成之后再去调用页面的接口,应该如何修改页面接口回答:可以在main.ts中去调用, 此时路由还没有导入呢回答:在onBeforeMount生命周期钩子函数中在执行列表接口之前先等待执行initJwt方法回答:如果是很重要的初始化,就用一个...
2024-02-25vue 使用vux封装的微信分享
main.js引入import {WechatPlugin} from 'vux'Vue.use(WechatPlugin)公共的jswxShare.jsimport Vue from 'vue'import { vm} from '@/main'//微信分享const wxShare = (obj, callback) => { // console.log(obj,callback); function getUrl() { var url = window.location.href; ...
2024-01-10vue中使用axios后出现问题(页面变为空白页面)
未引入axios时页面显示正常使用axios后页面变成了空白页面(请求到的图片链接是可用的),只剩下最外层名为app的div回答:你是说把图中的代码注释后页面就正常了是吗?看上去是有语法错误,await关键字必须在带有async关键字的异步函数作用域中使用,但你的浏览器截图看起来控制台并没有报错,这也是有点奇怪……你把注释的几行代码改成这样试下:axios.get("http://localho...
2024-02-22vue3模版文件路劲问题?
下面两种路由路径,哪种会更好,有经验的大哥给一些建议第一种:export default [ { path: '/', name: 'home', component: () => import('../views/HomeView.vue') }, { path: '/about', name...
2024-02-25vue 接口调用返回的数据未渲染问题
如果在实例创建之后添加新的属性到实例上,他不会触发视图更新。官方说明:https://cn.vuejs.org/v2/guide/reactivity.html#%E5%A6%82%E4%BD%95%E8%BF%BD%E8%B8%AA%E5%8F%98%E5%8C%96 下面这段是官方的一段 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.de...
2024-01-10vue3常用的API使用简介
目录生命周期的变更reactiveref我们在vue2.x中获取元素标签是用 ref ,vue3.x我们要获取元素标签怎么办呢?toReftoRefsshallowReactiveshallowReftoRawmarkRawwatchEffectgetCurrentInstanceuseStorevue3.x已经发布了这么久,相关的生态也慢慢起来了,包括vite这个新的打包工具,在vue3.0学习过程中有一些实用性的api对比,希望能在开...
2024-01-10vue六十一:使用vuex管理状态示例
VuexVuex是在中大型项目中,用来管理一些变量的。因为如果项目比较大,一些数据在各个页面中可能需要进行交替使用,如果数据量比较大,通过params或者query的方式不太方便。这时候就可以使用Vuex来管理这些数据。官方文档:https://vuex.vuejs.org/zh/guide/安装:通过script安装:<script src="https://cdn.jsdelivr.ne...
2024-01-10在vue中使用百度地图API的鼠标绘制工具的问题
在使用百度地图API的时候其他的功能以及控件都正常,只有使用鼠标绘制工具时工具栏一直显示不出来,如下图:代码如下: //实例化鼠标绘制工具 this.drawingManager = new BMapLib.DrawingManager(this.map, { isOpen: false, //是...
2024-02-07解决vue中使用Axios调用接口时出现的ie数据处理问题
1.问题近期在使用vue2 + axios 调用接口时碰到一个IE中很奇葩的问题,让我头痛了很久。废话不多扯,就是在其他浏览器中调用接口返回数据然后可以很顺利的进行处理,但在IE(9-11)中发现发送请求是成功的而且也能抓到服务端返回来的数据。却发现在处理返回来的数据的时候处理的有点问题,怎么...
2024-01-10如何使用vue3打造一个物料库
目录为什么要做物料库?物料是什么?物料的类别fuep,基于vue3的物料库为什么要做物料库?我们写过很多登录页面。而每个登录页面除了一些背景图和颜色外,主体布局几乎是一致的,就那么几种类型。如果有个地方能帮我管理登录页面的代码,那么下次我再写登录的时候就可以直接把界面生成好...
2024-01-10