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
vue使用ts时遇到的问题
1，在vue的ts文件中引入json文件，会报如下红色波浪线在tsconfig.json的文件中加入"resolveJsonModule": true即可解决，如果波浪线还在，可以关闭编辑器在打开2，在ts项目中引入第三方包的时候，会报这个红色波浪线因为ts是强语言类型，引入的js包没有被转化，解决方法是可以npm install @types/js-md5，就可以解...
2024-01-10
vuex 的简单使用
什么是Vuex？vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。1.在vue 组件中执行enabledcheckbox方法 ,true 为参数,用来改变state中的值 this.$store.dispatch("enabledcheckbox",true) 从state获取...
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
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 - Vue问题汇总
mac用npm安装gyp报错：NPM Error：gyp: No Xcode or CLT version detected!执行如下命令sudo rm -rf $(xcode-select -print-path)xcode-select --installnode-sass 及 node-gyp 安装失败报错如下...gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2...npm ERR! node-sas...
2024-01-10
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.0之Vuex使用实例
目录(?)[-]一项目目录结构二mainjs中的相关配置三storejs文件来自CODE的代码片 snippet_file_0txt四在vue页面中使用全局变量和函数之前在几个项目中都用到了Vuex，感觉对于全局状态的管理挺好用的。网上关于Vuex的资料不太多，在这里把项目中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组件的按需引入使用循环会有问题吗？
import { createApp } from 'vue'import App from './App.vue'import { Button } from 'vant'const app = createApp(App)const vantList = [Button]vantList.forEach(item => app.use(item))app.use(store)...
2024-02-14
vue实战中的一些实用小魔法汇总
能让你首次加载更快的路由懒加载，怎么能忘？路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。举个????，如果这样写，加载的时候会全部都加载进来。const router = new VueRouter({ routes:[ { path: '/', name: 'Home', component: Home }, { ...
2024-01-10
vue中需要注意的问题总结(上)
React 与其说是一种框架，倒不如说是一种开发范式。它的核心理念非常简单：界面/视图就是数据结构的可视化表达UI = f(data)而界面/视图由组件组合而来UI = f1(data) + f2(data) + f3(data) + ...That's all.React 扮演的角色就是上述公式中的 f，它完全是函数式的，组件就是函数，给它一个输入（传参），它就返回...
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-22使用vuex解决刷新页面state数据消失的问题记录
在实际的vue项目中，当我们的应用遇到多个组件之间的共享问题时，通常会用到Vuex（一个状态管理的插件，可以解决不同组件之间的数据共享和数据持久化），解决组件之间同一状态的共享问题。因子：Vuex优势：相比sessionStorage，存储数据更安全，sessionStorage可以在控制台被看到。Vuex劣势：在刷新...
2024-01-10vue3模版文件路劲问题？
下面两种路由路径，哪种会更好，有经验的大哥给一些建议第一种：export default [ { path: '/', name: 'home', component: () => import('../views/HomeView.vue') }, { path: '/about', name...
2024-02-25
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
