VUE项目开发
文章平均质量分 59
kairrys
fearless
展开
-
解决vue组件props传值,对象获取不到的问题
vue组件props传值,对象获取不到的问题问题描述:父组件利用props向子组件传值,浏览器console有这个值,但是获取不到对象里的属性,console对象的属性值,打印出来值为undefined。父组件定义了testobj这个对象。在父组件接口中给这个值重新赋值。子组件接受这个值,谷歌浏览器console能看到这个值,但是取不到属性的值。watch也监听不到testobj对象值的变化代码如下:父组件代码<!-- 子组件 --> <market-nav :test原创 2021-04-25 16:56:13 · 10999 阅读 · 0 评论 -
vue安装node-sass编译报错
在搭建vue脚手架 或者是在vue项目中,想使用sass的功能npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev //安装style-loader安装完成后,运行时出现了错误Modele build failed: TypeError: this.getResolve i原创 2020-05-27 15:16:45 · 412 阅读 · 0 评论 -
给vue项目设置浏览器logo
通过看vue项目的目录结构,根目录下有一个index.html,这个就相当于我们普通项目中的各个html页面文件,所以设置方法就是在index.html的head标签中添加link标签。这里要注意的是图标文件的位置,不能放到src里,这样的路径会让浏览器找不到。网页把根域名作为相对路径的根目录了,然而我们文件的路径是相对于项目文件的根目录的,因此就找不到了。因此,图片一类的静态文件,应该放在这个static文件夹下,这个文件夹下的文件(夹)会按照原本的结构放在网站根目录下。这时我们使用static绝对.原创 2020-05-27 11:26:47 · 1999 阅读 · 0 评论 -
解决移动端vue项目当弹出弹窗时,弹窗蒙层下的页面仍然可以滑动问题
问题:移动端vue项目,当弹窗出现时,弹窗下的蒙层下面的页面仍然可以滑动解决方案:在弹窗最外层的div标签上加上 @touchmove.prevent这样就ok了ps:安卓机自带浏览器、QQ、微信、企业微信亲测有效(仅供参考)来个ios的bro说下效果,看下是不是也ok...原创 2020-05-12 15:36:22 · 1132 阅读 · 2 评论 -
如何将从接口返回的值 存储到vuex的state的某个属性中
不知道如何开始使用vuex的小伙伴可以看这里vuex官网,文档里面有详细的使用讲解首先我们创建好一个store和初始的state对象======== 注意看这里 =========更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数...原创 2020-04-27 17:28:55 · 2457 阅读 · 0 评论 -
vue 项目多选
HTML:js:点击事件:效果:码字不易,希望对大家有所帮助原创 2019-11-11 15:38:00 · 185 阅读 · 0 评论 -
Vue打包后出现map文件的解决方法
问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢?解决办法:去src/config/index.js中改一个参数:productionSourceMap:false把这个改为false。不然在最终打包的文件中会出现map文件,map文件的作用在于:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代...原创 2019-11-01 17:09:25 · 416 阅读 · 3 评论 -
vue2.0之axios使用详解
使用说明##Axiosnpm versionbuild statuscode coveragenpm downloadsgitter chatAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Features从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求...转载 2019-06-20 15:29:38 · 467 阅读 · 0 评论 -
setTimeout在vue中的正确使用
最近因为公司需求开发使用vue开发项目,在开发到某个表单提交功能时(提交之后先出现对应的消息提示弹窗,提示弹窗消失之后再跳转到相应的页面),使用到setTimeout函数。遇到了1个坑:原创 2019-06-19 13:23:28 · 5718 阅读 · 0 评论 -
Vue项目中-sass的安装以及基本使用语法
咱们闲话少说,直接上干货了~PS. 语法格式 (Syntax) .sass和.scss的区别Sass 有两种语法格式。首先是 SCSS (Sassy CSS) —— 也是本文示例所使用的格式 —— 这种格式仅在 CSS3 语法的基础上进行拓展,所有 CSS3 语法在 SCSS 中都是通用的,同时加入 Sass 的特色功能。此外,SCSS 也支持大多数 CSS hacks 写法以及浏览器...原创 2019-06-19 10:37:31 · 1991 阅读 · 0 评论 -
VUE项目关闭Eslint语法检测的方法
VUE项目关闭Eslint语法检测的方法平时在开发vue项目的时候,总是在创建项目时习惯性的开启Eslint语法检测,但是在实际写代码的过程中就会因为代码的语法问题各种不爽,所以在这里就和小伙伴们分享一下关闭Eslint语法检测的方法(小伙伴们可以自己项目的结合实际情况来判断是否需要关闭Eslint语法检测)。方法如下:首先在你的项目中找到build文件夹下面的webpack.base.co...原创 2019-06-13 14:58:26 · 2927 阅读 · 4 评论