vue使用问题汇总记录
1.vue的样式污染比如在home.vue文件下面定义一个样式，<style>.title{ background: red;}</style>那么在login.vue文件下面有标签使用这个class=“title”，也会有这个样式；避免样式污染的方法：<style></style>写成<style scoped></style>多加了个scoped， 这样，style标签中的样式的作用域就只是在此vue文件了，就不会...
2024-01-10
vuex调用问题？
//店铺勾选 购物清单 去重不保留['updateCheckStateDelteShop'](state, arr) {let arrState = state.checkStatelet dataShop = [...arr,...arrState]let data = arr.filter(item => arr.filter(item2 => item == item2).lengt...
2024-02-20
vuex 的简单使用
什么是Vuex？vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。1.在vue 组件中执行enabledcheckbox方法 ,true 为参数,用来改变state中的值 this.$store.dispatch("enabledcheckbox",true) 从state获取...
2024-01-10
vue中使用vuex
vuex是使用vue中必不可少的一部分，基于父子、兄弟组件，我们传值可能会很方便，但是如果是没有关联的组件之间要使用同一组数据，就显得很无能为力，那么vuex就很好的解决了我们这种问题，它相当于一个公共仓库，保存着所有组件都能共用的数据。那么，我们一起来看看vue项目怎么使用它吧。（...
2024-01-10
Vue 常见问题汇总
Q:我给组件内的原生控件添加事件,怎么不生效了!!!<!--比如用了第三方框架,或者一些封装的内置组件; 然后想绑定事件--><!--// 错误例子1--><el-input placeholder="请输入特定消费金额 " @mouseover="test()"></el-input><!--// 错误例子2--><router-link :to="item.menuUrl" @click="toggleName=''"> <i :class="['fzicon',item.menuIcon]"></i...
2024-01-10
Vue2总结(vuex的使用)
第一次接触vue到项目上线，还是需要总结的index.html --入口文件 因为这框架是单页面应用，挂在一个app,然后动态渲染路由模板。1.在index.htmlx中引入了插件(全局使用) 如：cookie，则需要在index.html中定义一个setCookie，getCookie，其他页面才可以调用2.请求后台路径vue2推荐使用axios 由于axios不能同步...
2024-01-10
vue引入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-10
vue3函数调用问题 ？
再平常不过的 watch监听然后调用接口数据了 结果图1里面的这个函数报错（图3）说他不是一个函数 但是如果我把他换成最下面的代码片段也就是直接写 就没有报错了ps：把这个buttonState函数注释掉 下面的两个函数是不会报错的 为什么？？？ 不是很理解 // 同步按钮状态 try { const res = await proxy...
2024-03-14
vue一个动态加载组件使用的问题
描述:我维护了一个npm的组件包，里面有一个组件的功能，需要动态显示某个组件（这个组件是由引入方项目里面的组件）下面代码为应用项目中main.js中传递了一个loadVue方法进行动态导入组件。Vue.use('xxx', { loadVue: function(file) { // return require('@/views/' + file) 加载成功 return i...
2024-03-03
vue 循环调用接口赋值问题
循环调接口的时候，里面赋值的数组tableData在外面拿不到,然后想修改成等待所有接口都返回200 的时候再赋值，应该如何修改，感谢各位if (this.checkHelpData.length > 1) { var str = '' var totalAmout = '' this.checkHelpData.forEach(asyn...
2024-02-14
解决vuex刷新数据消失问题
前言vue构建的单页大型项目中，可能会用到Vuex 。Vuex 的状态存储是响应式的，当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。但是有一个问题就是：vuex的存储的数据只是在页面的中，相当于我们定义的全局变量，刷新之后，里边的数据就...
2024-01-10
vue2.x 版本 jsx问题
jsx中怎么使用component组件，类似下面的写法的 componentData 为布局组件，动态引入的。<component :is="componentData" />如何返回多个节点还是必须要一个根节点回答：jsx就用jsx的写法import ComponentA from './components/ComponentA.vue'import ComponentB from '....
2024-03-01
Vuex的介绍以及使用
一，什么是Vuex？vuex是一个专为vue.js应用程序开发的状态管理模式。vuex解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件之间的共享问题时会需要：多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会变得很繁琐，并且对于兄弟组件间的传递无能为力。这需要你去学习下，vu...
2024-01-10
vue3常量变更的问题
在看vue3的视频教程（实际我没做过vue2的开发，直接来看的vue3），有个地方很不理解，看下图这个是视频教程中的一段代码，使用 const 定义了 count，并且给默认值0，下面的 increase 仍然可以修改count 使其每次递增1，这里的const 要怎么理解？const 难道不是常量么？常量不是不能变化么？回答只改了它的.va...
2024-01-10
vue实战中的一些实用小魔法汇总
能让你首次加载更快的路由懒加载，怎么能忘？路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。举个????，如果这样写，加载的时候会全部都加载进来。const router = new VueRouter({ routes:[ { path: '/', name: 'Home', component: Home }, { ...
2024-01-10
Vue2.0总结———vue使用过程常见的一些问题
Vue目前的的开发模式主要有两种：1.直接页面级的开发，script直接引入Vue2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了webpack可以进行配置，配置多文件入口，进行多页面开发第二种Vue开发，结合webpack打包完文件会很大，怎么解决这个问题?1.webpack代码拆分：code-splitin...
2024-01-10
vue3 执行顺序问题？
app.vue里面调用了initJwt这个方法，但是打印的时候会有一个时间差，有的时候initJwt还没有执行完就走了页面的接口，想要在initJwt执行完成之后再去调用页面的接口，应该如何修改页面接口回答：可以在main.ts中去调用, 此时路由还没有导入呢回答：在onBeforeMount生命周期钩子函数中在执行列表接口之前先等待执行initJwt方法回答：如果是很重要的初始化，就用一个...
2024-02-25
vue 使用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-10
vue中使用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-25
【Vue】使用vuex如何追加数据？
我想通过vuex来实现上拉加载更多的功能，但追加的数据不知道怎么放进state.lists里，这是部分代码：const state = {lists:{}};const mutations = {GETLIST(state,res) {//初始列表的数据state.lists = res;},GETMORE(state,res) {//加载更多数据Object.assign(state.lists,res); //可以用这种方式往lists中追加数据吗？console.log(state.lists);...
2024-01-10
vue3常用的API使用简介
目录生命周期的变更reactiveref我们在vue2.x中获取元素标签是用 ref ，vue3.x我们要获取元素标签怎么办呢？toReftoRefsshallowReactiveshallowReftoRawmarkRawwatchEffectgetCurrentInstanceuseStorevue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开...
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
