vuex 的使用问题
如何将 vuex 中的 state 同步到 vue 的 data 中,例如:// 当 addressState 有更新,自动绑定到 address 对象上data(){ return { address:{} }},computed: { ...mapState({ addressState: (state) => state.population.address...
2024-02-07vue使用ts时遇到的问题
1,在vue的ts文件中引入json文件,会报如下红色波浪线在tsconfig.json的文件中加入"resolveJsonModule": true即可解决,如果波浪线还在,可以关闭编辑器在打开2,在ts项目中引入第三方包的时候,会报这个红色波浪线因为ts是强语言类型,引入的js包没有被转化,解决方法是可以npm install @types/js-md5,就可以解...
2024-01-10vuex数据延迟问题
store中目前为了不延迟,我是在外面加了一个setTimeout有没有更好的办法回答没有看懂为什么会延迟?不过为什么不使用 Vue.nextTick...
2024-01-10Vue 常见问题汇总
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新手使用vuex使用请教
state () { return { tags: [] } }, mutations: { delTags(state,payload){ console.log(payload,"-------") let temp = state.tags.filter(element => { ...
2024-02-16vue调用静态资源路径问题
我在做项目时,用原生的<img>标签直接写"../assets/img/home_top.jpg"打包后就可以显示,但是我自己建了一个<Videox>视频组件,同样写"../assets/img/head.mp4"就调不到视频资源,img文件夹下面都有上面的文件。。有人遇到过这问题吗??同样的不用自建组件,用原生组件像下面一样写也没问题:回答:试试require的方式?比如:<Videox sr...
2024-03-03Vue - 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-10vue使用代理解决请求跨域问题详解
在日常开发中,我们前端必不可少的需要像后端请求数据。但是一般前后端分离,所以域名、端口等肯定不尽相同,这样就不可避免的会遇到浏览器的同源策略限制。在一般情况下,后端都会设置请求跨域允许的来源、方法等。但是也保不准后端疏忽而忘记这个问题。那为了不影响我们的开发,前...
2024-01-10vue中的正则问题?
Vue-2.6.14在 html-parser.js 开头的正则表达式,用来匹配标签中的属性。有两个地方很困惑const attribute = /^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/(1)开头的 ([^\s"'<>\/=]+) 匹配属性名,可以看出属性名中的字符只要不是空格 " ' <...
2024-02-27vue代码的一处问题
setup() { const store = useStore() const userMenu = computed(() => store.state.login.userMenu) const router = useRouter() const route = useRoute() const menu = pathMapToMenu(userM...
2024-02-19vue操作dom问题
如上图,我需要在光标位置插入一个input,我目前的做法是在每个string的后面隐藏一个元素(包括input,radio,checkbox),用v-if控制显示的类型,我想请教我这样的做法是否正确呢?是否存在更优的做法,例如实时将html元素拼接,但是在vue中又是否要避免直接去操作dom呢?回答:你是要实现富文本编辑器的功能吗回答:你是想自己在JavaScript基础上再写个超文本标记语言...
2024-03-09vue的多级联动问题
如图所示,比如我选择了河北,点了石家庄,:class="item === nowPrice ? 'lan' : ''" 这样就加上了颜色,然后点击确定没问题再打开显示石家庄没问题,如果不点确定 点body关闭之后再打开应该还是全球,这应该怎么实现,求指导回答那就在点击body关闭的时候把数据重新更新为全球定义一个变量是否点击确定,...
2024-01-10vue2.0之Vuex使用实例
目录(?)[-]一项目目录结构二mainjs中的相关配置三storejs文件来自CODE的代码片 snippet_file_0txt四在vue页面中使用全局变量和函数之前在几个项目中都用到了Vuex,感觉对于全局状态的管理挺好用的。网上关于Vuex的资料不太多,在这里把项目中Vuex的使用分享下供大家参考。(一)项目目录结构...
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-16vue后台系统页签问题
请问高手们,这个前端怎么实现啊?我点击每一栏的查看当前指标按钮,进入查看当前指标页面,新增页签(已实现)。然后点击每个已生成的查看指标页签,都要进入到对应的查看页面,不重新请求接口,显示之前的数据,怎么实现啊,不想用js建立变量存储每个查看页面的数据,用于回显?问题描述问题出现的环境背景及自己尝试过哪些方法相关代码粘贴代码文本(请勿用截图)你期待的结果是什么?实际看到的错误信息又是什么?回答:你...
2024-03-12Vue 中使用 vuex(十三)
1、基本使用Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态。通常在多个组件之间需要共享数据或状态时就会用到。(1)核心对象:State:存储状态数据Getter:从状态数据派生数据,相当于state的计算属性。Mutation:存储用于同步更改状态数据的方...
2024-01-10vue实战中的一些实用小魔法汇总
能让你首次加载更快的路由懒加载,怎么能忘?路由懒加载可以让我们的包不需要一次把所有的页面的加载进来,只加载当前页面的路由组件就行。举个????,如果这样写,加载的时候会全部都加载进来。const router = new VueRouter({ routes:[ { path: '/', name: 'Home', component: Home }, { ...
2024-01-10vue中样式被覆盖的问题
在我们引入外部的样式时,发现自己无论如何都改不了外部的样式,自己的样式老被覆盖,究其原因还是我们的 外部样式放的位置不对 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使用vuex解决刷新页面state数据消失的问题记录
在实际的vue项目中,当我们的应用遇到多个组件之间的共享问题时,通常会用到Vuex(一个状态管理的插件,可以解决不同组件之间的数据共享和数据持久化),解决组件之间同一状态的共享问题。因子:Vuex优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到。Vuex劣势:在刷新...
2024-01-10vue 使用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这样的数据合适使用vuex来保存吗?
有一组网站信息数据【如网站名称、备案号、首页顶部广告条图片等】这些数据在第一次从接口请求后,我就希望它们能被保存起来。它们可能一周以内都不会变动,也可能今天更换了一个首页广告条。不定期的更新,但是更新的概率不是很高。请问这样的数据保存,是使用VUEX好还是其他方式?回答:这样的数据 是不是可以理解成 进入应用 只请求一次。 如果是这样 可以存储 每次执行请求这些信息的时候先判断VUEX 里面是...
2024-03-03【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-10vue3常用的API使用简介
目录生命周期的变更reactiveref我们在vue2.x中获取元素标签是用 ref ,vue3.x我们要获取元素标签怎么办呢?toReftoRefsshallowReactiveshallowReftoRawmarkRawwatchEffectgetCurrentInstanceuseStorevue3.x已经发布了这么久,相关的生态也慢慢起来了,包括vite这个新的打包工具,在vue3.0学习过程中有一些实用性的api对比,希望能在开...
2024-01-10