vuex 的使用问题
如何将 vuex 中的 state 同步到 vue 的 data 中，例如：// 当 addressState 有更新，自动绑定到 address 对象上data(){ return { address:{} }},computed: { ...mapState({ addressState: (state) => state.population.address...
2024-02-07
vuex数据延迟问题
store中目前为了不延迟，我是在外面加了一个setTimeout有没有更好的办法回答没有看懂为什么会延迟？不过为什么不使用 Vue.nextTick...
2024-01-10
新手使用vuex使用请教
state () { return { tags: [] } }, mutations: { delTags(state,payload){ console.log(payload,"-------") let temp = state.tags.filter(element => { ...
2024-02-16
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调用静态资源路径问题
我在做项目时，用原生的<img>标签直接写"../assets/img/home_top.jpg"打包后就可以显示，但是我自己建了一个<Videox>视频组件，同样写"../assets/img/head.mp4"就调不到视频资源，img文件夹下面都有上面的文件。。有人遇到过这问题吗？？同样的不用自建组件，用原生组件像下面一样写也没问题：回答：试试require的方式？比如：<Videox sr...
2024-03-03
vue使用代理解决请求跨域问题详解
在日常开发中，我们前端必不可少的需要像后端请求数据。但是一般前后端分离，所以域名、端口等肯定不尽相同，这样就不可避免的会遇到浏览器的同源策略限制。在一般情况下，后端都会设置请求跨域允许的来源、方法等。但是也保不准后端疏忽而忘记这个问题。那为了不影响我们的开发，前...
2024-01-10
vue 使用出现的问题（持续记录）
今天写vue 的时候，发现有几个警告。原因是我把组件起的名字写的和默认标签的名字一样了，导致系统不知道，怎么解析、我写了一个Header 组件, 和h5里面的header重名，解决方案1:header是默认标签，这会更组件冲突，vue不知道这是默认标签还是组件，所以不会渲染。建议改个名字。...
2024-01-10vue中的正则问题?
Vue-2.6.14在 html-parser.js 开头的正则表达式，用来匹配标签中的属性。有两个地方很困惑const attribute = /^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/（1）开头的 ([^\s"'<>\/=]+) 匹配属性名，可以看出属性名中的字符只要不是空格 " ' <...
2024-02-27
vue代码的一处问题
setup() { const store = useStore() const userMenu = computed(() => store.state.login.userMenu) const router = useRouter() const route = useRoute() const menu = pathMapToMenu(userM...
2024-02-19
关于vue的混入使用
普通使用：定义一个 mixin.js文件随便定一些数据记得后面导出然后在需要用的文件就可以获取了。全局混合：引入vue 全局注册混合main.js 入口文件引入然后就可以在所有页面使用了混合具体作用可以看vue文档，...
2024-01-10
vue操作dom问题
如上图，我需要在光标位置插入一个input，我目前的做法是在每个string的后面隐藏一个元素(包括input，radio，checkbox)，用v-if控制显示的类型，我想请教我这样的做法是否正确呢？是否存在更优的做法，例如实时将html元素拼接，但是在vue中又是否要避免直接去操作dom呢？回答：你是要实现富文本编辑器的功能吗回答：你是想自己在JavaScript基础上再写个超文本标记语言...
2024-03-09vue使用技巧及vue项目中遇到的问题
这里给大家分享一下vue中的一些技巧，希望对大家有用处。（话不多说上代码）1，vue路由拦截浏览器后退实现表单保存类似需求（为了防止用户突然离开，没有保存已输入的信息。）//在路由组件中：mounted(){},beforeRouteLeave (to, from, next) { if(用户已经输入信息){ //出现弹窗提醒保存表单，或者自动...
2024-01-10
关于vue样式的问题？
使用了qiankun// test.vue<style scoped lang="scss">.login-body { .el-input__inner{ height: 50px; padding-left: 50px; line-height: 50px; font-size: 16px; color...
2024-03-16
vue后台系统页签问题
请问高手们，这个前端怎么实现啊？我点击每一栏的查看当前指标按钮，进入查看当前指标页面，新增页签（已实现）。然后点击每个已生成的查看指标页签，都要进入到对应的查看页面，不重新请求接口，显示之前的数据，怎么实现啊，不想用js建立变量存储每个查看页面的数据，用于回显？问题描述问题出现的环境背景及自己尝试过哪些方法相关代码粘贴代码文本（请勿用截图）你期待的结果是什么？实际看到的错误信息又是什么？回答：你...
2024-03-12
Vue 中使用 vuex（十三）
1、基本使用Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态。通常在多个组件之间需要共享数据或状态时就会用到。（1）核心对象：State：存储状态数据Getter：从状态数据派生数据，相当于state的计算属性。Mutation：存储用于同步更改状态数据的方...
2024-01-10
vue实战中的一些实用小魔法汇总
能让你首次加载更快的路由懒加载，怎么能忘？路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。举个????，如果这样写，加载的时候会全部都加载进来。const router = new VueRouter({ routes:[ { path: '/', name: 'Home', component: Home }, { ...
2024-01-10
vue中样式被覆盖的问题
在我们引入外部的样式时，发现自己无论如何都改不了外部的样式，自己的样式老被覆盖，究其原因还是我们的 外部样式放的位置不对 main.js 我们应该在 main.js 的开头引入样式，这样的话就不存在覆盖的问题了...
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中使用proxy配置不同端口和ip接口问题
问题描述： 使用vue-cli创建的项目，开发地址是localhost:8080，由于后台开发不同的模块，导致每个模块请求的ip和端口号不一致 例如：http://192.168.10.22:8081 或者 http://192.168.10.30:9999等解决问题： 在vue.config.js中配置不同的端口号 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '...
2024-01-10
vue 接口调用返回的数据未渲染问题
如果在实例创建之后添加新的属性到实例上，他不会触发视图更新。官方说明：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-10
vue 使用vuex 刷新时保存数据
created () { this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("beforeunload")))); window.addEventListener('beforeunload', ()=>{ let state = JSON.stringify(this.$store.state) localStorage.set...
2024-01-10
【Web前端问题】vue组件注册使用问题？求解
使用vue组件的时候，我尝试用2中写法去写，写法如下，第一种方法显示正常，但是为什么用第二种写法的父元素却未显示？求大神解答html代码<ul class="part" id="part"> <my-list></my-list> <my-list></my-list> <my-list></my-list> <my-list></my-list></ul>第一种var partList = Vue.extend({ template: '<li><a href="d...
2024-01-10
vue3常用的API使用简介
目录生命周期的变更reactiveref我们在vue2.x中获取元素标签是用 ref ，vue3.x我们要获取元素标签怎么办呢？toReftoRefsshallowReactiveshallowReftoRawmarkRawwatchEffectgetCurrentInstanceuseStorevue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开...
2024-01-10Vuex新手的理解与使用详解
1 vuex的概念理解提到vuex,就不能不先提vue.我个人开始尝试学习使用vue,是因为此前总是遇到页面逻辑数据与视图的一致性问题.在使用vue之前,我们使用jQuery插件的时候,一桩麻烦事就是既要在每个数据变更后,写代码去改变视图,又要考虑html上各种输入改变时监听各种事件以改变页面逻辑数据.当然最早的...
2024-01-10
vue六十一：使用vuex管理状态示例
VuexVuex是在中大型项目中，用来管理一些变量的。因为如果项目比较大，一些数据在各个页面中可能需要进行交替使用，如果数据量比较大，通过params或者query的方式不太方便。这时候就可以使用Vuex来管理这些数据。官方文档：https://vuex.vuejs.org/zh/guide/安装：通过script安装：<script src="https://cdn.jsdelivr.ne...
2024-01-10
