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
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使用ts后注册插件的问题
我想在全局添加一个组件，就使用了Vue.use的方法注册一个插件，在引入ts后，便报了这一句错误，求解怎么解决index.tsimport infoList from './components/public/info.vue'const Components = {infoList,}const installer = {install(Vue:any,opt:any) {Object.keys(Components).forEach((name:any) => {Vue.component(name, ...
2024-01-10
vue知识点总汇
1.vue的生命周期生命周期钩子描述beforeCreate在实例初始化前，数据观测和event/watcher事件配置之前被调用created实例被创建完成后调用。在这一步，实例已经完成以下配置：数据观测，属性和方法的运算，watcher/event事件的回调。挂载阶段还没开始，$el属性不可见beforeMount在挂载之前调用，相关...
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
vue一个动态加载组件使用的问题
描述:我维护了一个npm的组件包，里面有一个组件的功能，需要动态显示某个组件（这个组件是由引入方项目里面的组件）下面代码为应用项目中main.js中传递了一个loadVue方法进行动态导入组件。Vue.use('xxx', { loadVue: function(file) { // return require('@/views/' + file) 加载成功 return i...
2024-03-03
vue下使用ts引入@/xxx组件的问题
原项目是用js写的，现在新的页面想使用ts写，但在用import引入 @ 开头的组件会报错，在js下是没有问题的import MixinPermission from "@/mixins/Permission.vue";回答：ts 配置需要读取项目根路径的 tsconfig.json，添加 paths 配置即可：{ "compilerOptions": { "target": "es...
2024-02-12
vue操作dom问题
如上图，我需要在光标位置插入一个input，我目前的做法是在每个string的后面隐藏一个元素(包括input，radio，checkbox)，用v-if控制显示的类型，我想请教我这样的做法是否正确呢？是否存在更优的做法，例如实时将html元素拼接，但是在vue中又是否要避免直接去操作dom呢？回答：你是要实现富文本编辑器的功能吗回答：你是想自己在JavaScript基础上再写个超文本标记语言...
2024-03-09
vue的多级联动问题
如图所示，比如我选择了河北，点了石家庄，:class="item === nowPrice ? 'lan' : ''" 这样就加上了颜色，然后点击确定没问题再打开显示石家庄没问题，如果不点确定 点body关闭之后再打开应该还是全球，这应该怎么实现，求指导回答那就在点击body关闭的时候把数据重新更新为全球定义一个变量是否点击确定，...
2024-01-10
解决vuex刷新数据消失问题
前言vue构建的单页大型项目中，可能会用到Vuex 。Vuex 的状态存储是响应式的，当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。但是有一个问题就是：vuex的存储的数据只是在页面的中，相当于我们定义的全局变量，刷新之后，里边的数据就...
2024-01-10
vue 循环调用接口赋值问题
循环调接口的时候，里面赋值的数组tableData在外面拿不到,然后想修改成等待所有接口都返回200 的时候再赋值，应该如何修改，感谢各位if (this.checkHelpData.length > 1) { var str = '' var totalAmout = '' this.checkHelpData.forEach(asyn...
2024-02-14
【Java】vue使用axios调用API问题
前端vue通过axios调用java接口，用的是springboot+jwt，用post请求的时候，headers里带了个token，请求的时候会变成options，然后报401。网上找了一下说这是预检请求，在服务端判断options后回传成功，但还是报了个跨域的错，没有自动发post请求，这是什么原因？没有自定义headers的请求是正常的。回答跨域请求...
2024-01-10
vue.extend()使用？
const componentNameMap = { 0: 'addProjectTemplate', 1: 'addRsgroupTemplate', 2: 'addNamespaceTemplate', 3: 'addTableTemplate' };假如我希望例如映射的方式，比如vue.extend(addProje...
2024-02-23
vue使用没有解析求解
使用vue 后发现都没有解析出来，不知道又犯了啥低级错误，有看出来的给指点下。 回答vue/0.10.0？？用这么早版本？语法跟现在有不一样的地方。0版本也不见得有完整的功能...
2024-01-10
Vuex的介绍以及使用
一，什么是Vuex？vuex是一个专为vue.js应用程序开发的状态管理模式。vuex解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件之间的共享问题时会需要：多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会变得很繁琐，并且对于兄弟组件间的传递无能为力。这需要你去学习下，vu...
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-10vue点击列表拦截问题？
子组件有个列表，父组件接收列表参数，想在列表点击前做个拦截，如果符合条件在选中列表，请问大佬改怎么做呢谢谢！<div class=table-list> <ul> <li v-for="(item,index) in tableList" :key="index" @click="beforeSelect();onSelect(item,index);"> ...
2024-02-19
解决vue中的无限循环问题
项目中遇到了这样一个问题：每一种产品有对应的服务费，每一个商家有多种商品要单独计算每一家的服务费，最后汇总总的服务费用。我直接写了一个方法来计算出每个商家和总的服务费用并return出来。如果不看控制台的话运行是没问题的。但是控制台报了无限循环的错误。下面是错误代码html：...
2024-01-10vue3模版文件路劲问题？
下面两种路由路径，哪种会更好，有经验的大哥给一些建议第一种：export default [ { path: '/', name: 'home', component: () => import('../views/HomeView.vue') }, { path: '/about', name...
2024-02-25
这样的数据合适使用vuex来保存吗？
有一组网站信息数据【如网站名称、备案号、首页顶部广告条图片等】这些数据在第一次从接口请求后，我就希望它们能被保存起来。它们可能一周以内都不会变动，也可能今天更换了一个首页广告条。不定期的更新，但是更新的概率不是很高。请问这样的数据保存，是使用VUEX好还是其他方式？回答：这样的数据 是不是可以理解成 进入应用 只请求一次。 如果是这样 可以存储 每次执行请求这些信息的时候先判断VUEX 里面是...
2024-03-03Vuex新手的理解与使用详解
1 vuex的概念理解提到vuex,就不能不先提vue.我个人开始尝试学习使用vue,是因为此前总是遇到页面逻辑数据与视图的一致性问题.在使用vue之前,我们使用jQuery插件的时候,一桩麻烦事就是既要在每个数据变更后,写代码去改变视图,又要考虑html上各种输入改变时监听各种事件以改变页面逻辑数据.当然最早的...
2024-01-10
