精华内容
下载资源
问答
  • 2019-01-25 10:01:27

    问题一:怎么取消Vue中的格式警告

    打开项目中build文件夹下的webpack.base.config.js文件,注释掉如下这句话

    ...(config.dev.useEslint ? [createLintingRule()] : []),

    问题二:使用better-scroll插件实现滚动时点击失效

    this.scroll = new Bscroll(this.$refs.wrapper,{click:true})

    使用该插件,默认点击事件失效,加入以上代码将初始化设置为true

    更多相关内容
  • vue项目中遇到的难点面试.pdf
  • webpack项目中自动引入全局scss变量文件  假设我们有一个公共的scss变量文件variables.scss /*存放所有全局变量*/ $card-title:#C7D200; //首页 卡片标题颜色 $bc-color:#182037; $hoverColor: #7abef9; //链接...
  • 这里给大家分享一下vue中的一些技巧,希望对大家有用处。(话不多说上代码) 1,vue路由拦截浏览器后退实现表单保存类似需求(为了防止用户突然离开,没有保存已输入的信息。) //在路由组件: mounted(){ }, ...
  • 本文给大家介绍了vue项目中跨域问题的完美解决方案,通过更改header,使用http-proxy-middleware 代理解决(项目使用vue-cli脚手架搭建),具体内容详情大家跟随脚本之家小编一起学习吧
  • 在本篇文章里小编给大家分享的是关于vue开发中遇到问题总结,有兴趣的朋友们可以学习参考下。
  • 前提说下:vue项目路由model:history ,默认不会出现下面的问题,因为个人感觉项目路径带个#实在难受 但是发现错误如下: 无法正常访问,报了一堆404,由于接触vue项目不久,一脸懵逼,于是百度了一下内容如下...
  • 主要介绍了Vue 项目中遇到的跨域问题及解决方法(后台php),前端采用vue框架,后台php,具体解决方法,大家参考下本
  • 本文是脚本之家小编给大家收藏整理的关于vue项目中遇到的一点小问题,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  • vue项目中遇到问题汇总

    千次阅读 2020-06-30 17:26:31
    1 mounted钩子函数请求数据导致页面闪屏问题 其实就是加载时机问题,放在created里会比mounted触发早一点,如果在页面挂载完之前请求完成的话就不会看到闪屏了 2 路由模式改为history后,除了首次启动首页没报错,...

    1 mounted钩子函数中请求数据导致页面闪屏问题
    其实就是加载时机问题,放在created里会比mounted触发早一点,如果在页面挂载完之前请求完成的话就不会看到闪屏了

    2 路由模式改为history后,除了首次启动首页没报错,刷新访问路由都报错。

    必须给对应的服务端配置查询的主页面,也可以认为是主路由入口的引导。
      官方文档也有:传送门 : Vue-Router history Mode

    3 vuex中数据刷新消失的问题
    解决方法是在获取到数据往 store 中存储时,利用 window.localStorage.setItem(‘key’, value) 也存储一份相同数据。当在获取数据时判断存储的数据是否为空(如果是数组就判断长度是否为0,总之这儿就是判断),若不为空(数组长度不为0)直接获取,否则利用 window.localStorage.getItem(‘key’) 来获取。
    例如

    vue组件中:

          this.$store.commit('setUserId', item.id)
          window.localStorage.setItem('userId', JSON.stringify(item.id))
    
    

    store中:

      getters: {
        loginIn: state => {
          let loginIn = state.loginIn
          if (!loginIn) {
            loginIn = JSON.parse(window.localStorage.getItem('loginIn') || null)
          }
          return loginIn
        },
    }
    
    

    4 VUE项目不兼容IE浏览器问题
    非常简单,只需要两步就能解决:

    1、 安装插件babel-polyfill

      npm install --save-dev babel-polyfill   
    

    2、在你的VUE项目的src目录下找到main.js

     添加下面一行代码:
    
     import 'babel-polyfill'
    

    最后,重新打开浏览器,应该就能兼容打开页面了。

    我目前发现的兼容性问题主要有两个方面:

    第一:IE浏览器认为 `` (不是单引号是1键左边的按键)字符是非法字符。

    解决方案就是使用 ‘’(英文单引号)替换 `` 符号,这里需要注意单引号换行时的时候需要 + ’ ’ ;尽量不要在标签里再使用 ‘’ 为标签属性赋值,尽量使用 " " 号。
    第二:IE浏览器不支持对象简写形式,例如:
    在这里插入图片描述
    这种形式chrome,火狐,欧朋浏览器是支持的,但是IE认为是语法错误。

    解决方案:
    在这里插入图片描述
    这种方式目前测试,所有浏览器都兼容。

    展开全文
  • vue项目中,需要实现某些特定的功能时,使用mvvm模式不易实现。因此引入jquery包来完成需求 jquery的触发事件可以自己定义在mounted,如果需要使用vuedata的数据,直接使用this.msg是无法使用的,需要另外...
  • webpack打包后js文件名为1.js, 2.js, 3.js而非不规律hash值得问题 vue打包 在环境变量NODE_ENV === 'production’时会自动给打包后得js文件加入hashi值 配置打包项文件 让环境变量 NODE_ENV = ‘production’ 即可 ...
    1. webpack打包后js文件名为1.js, 2.js, 3.js而非不规律hash值得问题

      vue打包 在环境变量NODE_ENV === 'production’时会自动给打包后得js文件加入hashi值 配置打包项文件 让环境变量 NODE_ENV = ‘production’ 即可

    2. webpack打包环境变量配置文件
      1.修改package.json中srcipts的对应命令
      如:

      "serve": "vue-cli-service serve  --mode dev",
      "build": "vue-cli-service build  --mode pro"
      

      给对应编译方案加入 --mode + 文件名可打包全局变量(在不配置得情况下serve命令默认读取.env.development文件, build默认读取 .env.production文件)
      2.加入对应编译文件 .env.dev .env.pro 文件内容示例如下

      NODE_ENV='production'
      
      VUE_APP_BASE_API = '/api'
      
      

    3.node-sass升级后 vue.config.js 配置sass预处理 prependData属性 不能使用的问题

    解决方案:将prependData更改为additionalData

    sass-loader版本兼容性问题

    在这里插入图片描述

    展开全文
  • 但是它也存在一些令人头疼的问题:XHR 是一个设计粗糙的 API,不符合关注分离的原则;配置和调用方式非常混乱,而且基于事件的异步模型写起来也没有现代的 Promise,generator/yield,async/await 友好。而Fetch 的...
  • 主要介绍了vue项目部署上线遇到问题及解决方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
  • 今天忙里偷闲,简单总结一下最近vue项目重构的一些技术要点。 vue数据更新, 视图未更新 这个问题我们经常会遇到,一般是vue数据赋值的时候,vue数据变化了,但是视图没有更新。这个不算是项目重构的技术要点,也和...
  • 主要介绍了vue项目中做编辑功能传递数据时遇到问题的解决方法,vue父组件向子组件传递数据的问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • vue项目中遇到问题

    万次阅读 2018-06-28 16:45:51
    项目的二级目录的config文件夹,index.js文件host为本地访问网络时的Ip地址,默认是localhost。 注意:在上传版本的时候,提前将host的值改为默认。(在pc端查看Ip地址的方法:window+R,输入cmd ,输入...

    一. 就目录而言

    1. 在项目的二级目录的config文件夹中,index.js文件中host为本地访问网络时的Ip地址,默认是localhost。 注意:在上传版本的时候,提前将host的值改为默认。(在pc端查看Ip地址的方法:window+R,输入cmd ,输入ipconfig)。

      这里写图片描述 这里写图片描述

    2. 在项目的二级目录的static文件夹中:

      这里写图片描述这里写图片描述这里写图片描述

      1. 可以存储js等一些公共文件,
      2. 引用其内部的文件时可以直接/static
      3. 注意:在使用static内部文件的同时,一定要记得在打包之后,里面的图片文件地址是找不到的。此时要把文件放到src目录下的assets文件夹中,此时assets中的文件在加载的时候还是会遇到问题,图片还是访问不到,此时需要使用require进行引入,方可使用。(后端和http图片信息直接引入即可,不需使用require)。
    3. 在做webapp项目的前提下,使用rem.js文件。

      这里写图片描述

      注意:若UI的设计图为750px,此时,在以下情况中,根据给定或测得的数据大小/100,即设置的大小。

    二. 针对数据而言

    1. 在与后端对接接口时,问清楚请求的信息,是否可变。
    2. 根据接口获取数据的方法:
      1. jquery中的$.ajax:
        这里写图片描述
      2. axios的方法:(npm install axios -S):
        • 发送get请求:
          这里写图片描述这里写图片描述
        • 发送 post请求:
          这里写图片描述这里写图片描述
    3. 对于时间可以使用过滤器:(这里用的一般是全局过滤器)filter
      1. 定义‘time’过滤器:箭头函数中第一个参数为传入的值,第二个为符号。
        注意:在使用之前,要先复制一份数据,再进行操作。
        这里写图片描述
      2. 使用‘time’过滤器:
        • 第一个为传入的值,第二个为过滤器的名字,中间用‘管道符|’分开。
        • 使用场景:
          • mustache{{}}中:
            这里写图片描述
          • V-bind 中,进行绑定时使用:
            这里写图片描述
    4. Vue中组件之间通讯的方法:
      1. 父子组件:
        • 传输数据(子组件调用父组件的数据)
          父级组件中使用属性传值的方式,将数据传入子组件中:
          这里写图片描述
          子级组件使用props进行接收:(与data属于同级,使用方法与data中的数据一致)
          这里写图片描述
        • 传输方法(子组件调用父组件的方法)
          这里写图片描述 这里写图片描述 这里写图片描述
        • 传输方法(父组件调用子组件的方法)

          (子级)
          <child-prop ref=”子级中的方法名”></child-prop>
          (父级)
          在代码中调用方法:this.$refs.子级中的方法名。


          综上:
          1. 父使用子中的数据: emit(子) , on(父) (子控制父【方法】)
          父使用子中的方法: ref(子) , refs(父)(父控制子【方法】)
          2. 子使用父中的数据:props

      1. 同级组件:Eventbus
        将A子组件中的数据传入父组件,再由父组件传入B子组件。
      2. 多组件控制:Vuex
        这里写图片描述这里写图片描述这里写图片描述这里写图片描述这里写图片描述这里写图片描述这里写图片描述这里写图片描述这里写图片描述
        在页面中使用actions中的方法:
        这里写图片描述 这里写图片描述这里写图片描述这里写图片描述这里写图片描述这里写图片描述
      3. 路由传参:
        • 思路:router-link中的to属性为链接的地址,内部可传参数(实参)
          Router中的index.js中的path地址中‘:id’,传入(形参)
          在path对应的组件中使用this. route.paramsthis. r o u t e . p a r a m s 或 t h i s . route.query接收传入的值。
        • router-link 引入地址的方式:
          <1> :to = ” { path: ’ /detail/123 ’ } ”
          http://localhost:8080/detail/123
          <2> :to = “ { name : ’ detail ’ , params : {uid :’ 123’} , query : { k : ‘888’ } }”
          http://localhost:8080/detail/123?k=888
      4. localStorage存储的方式:
        注意:localStorage中只能存储字符串。字符串转对象:JSON.parse(),对象转字符串:JSON.stringify()
        这里写图片描述这里写图片描述
    5. (1)props可以直接引入父组件中的数据,若想操作该数据,需要存储一下data或computed再进行使用,否则会报错。(注意一般在这种情况下,传输的值一般为对象,在对象中取值进行操作,这是不会报错)
      (2)针对传入的数据进行判断类型,并可以设置默认值:这里写图片描述
    展开全文
  • vue项目中遇到的难点

    千次阅读 2021-09-03 17:49:21
    vue组件click事件失效 解决:使用了bette-scroll插件做滚动。加.native也不好使,发现better-scroll的配置没有设置 click:true,设置过之后click事件成功。 不同商品页,id变化,商品不变 监听$route...
  • vue项目中解决跨域问题

    千次阅读 2022-01-20 16:40:32
    vue项目中解决跨域问题
  • 主要介绍了Vue项目开发常见问题和解决方案总结,帮助大家更好的利用vue开发,感兴趣的朋友可以了解下
  • vue实际项目中遇到问题及解决整理

    千次阅读 多人点赞 2021-06-21 02:52:23
    本篇文章取自实际项目,整理了共45个问题和他的解决方法,全文1.5万字。
  • 把样式写在全局文件index里面 styles---index.scss 5 Dialog 对话框 Vue开发出现对话框被遮罩层挡住问题解决方案 解决办法:在el-dialog 标签上增加这个属性 :modal-append-to-body="false" indexOf() 方法可...
  • Case 1 vue项目在IE自动读取缓存的数据,不重新发请求 解决方案: // 在每个请求上增加时间戳 config.url = `${config.url}?_t=${+new Date()}`
  • 最近开发一个vue项目遇到电脑卡死问题,突然间系统就非常卡,然后卡着卡着就死机了,鼠标也动不了了,只能冷启动。这篇文章主要介绍了vue-cli项目开发运行时内存暴涨卡死电脑问题,需要的朋友可以参考下
  • 今天很郁闷,遇到这样一个奇葩问题,使用webpack打包vue后,将打包好的文件,发布到Tomcat上,访问成功,但是刷新后页面报404错误,折腾半天才解决好,下面小编把Vue项目webpack打包部署到Tomcat刷新报404错误问题的...
  • 近期一直在做一个xxx中心的项目,先来吐槽下内心的想法, 要开发的项目需求很不明确,需求两周两周的更改,感觉每天并没有特别多实际的产出,总是感觉有点儿浪费时间。 虽然这样,但是作为开发,我们只能服从上级...
  • 主要介绍了Vue项目pdf(base64)转图片遇到问题及解决方法,需要的朋友可以参考下
  • 1、使用axios.js处理异步加载时发现请求时传递参数会直接发送js对象到后端 而不是发送...2、使用vue-router时 URL模式引发的问题Vue-router 提供一个mode参数 用来控制 URL 格式 默认使用的是 hash格式 而我在...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 107,296
精华内容 42,918
关键字:

vue项目中遇到的问题