
vue
huakaiwuxing
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue2X,vue-cli 4.X 系列开发项目在ie(11)浏览器的兼容问题
一、如果项目内引入外部系统的内容,那么需要注意ie浏览器是不兼容标签拼接的形式的; 二、封装的axios请求后台数据时在谷歌,火狐等浏览器均可以顺利获取到数据,在ie浏览器中会报错 主要报错信息如下: SEC7123: Access-Control-Allow-Headers 列表中不存在请求标头 token SCRIPT7002: XMLHttpRequest: 网络错误 0x80070005, 拒绝访问。 之所以会出现这样的错误,是因为http中标准的head,认证名字叫做Authoriz原创 2021-09-07 09:25:44 · 1221 阅读 · 0 评论 -
vue中 this.$nextTick的使用
这篇文章写的很好,学习了 https://www.cnblogs.com/chaoyuehedy/p/8985425.html转载 2021-08-30 14:37:40 · 156 阅读 · 0 评论 -
vue cli3项目使用本地模拟数据
目前vue最新的脚手架是vue-cli3,相比之前的vue-cli2,vue-cli3更轻便,而且新增了图形界面管理。但是想要用好vue-cli3呢,也需要开发者更了解webpack,vue-cli2与vue-cli3的比较,webpack的配置这些,都可以多了解一下,这里不多说,今天主要是简单讲一下在vue-cli3中,我们如何在本地模拟接口。 一、本地模拟数据 1、用编辑器打开刚刚创建的项目(我目前使用的是VS code编辑器,没有用过的朋友可以试试,非常不错哦),我们可以看到原生的项目结构如下转载 2021-08-30 09:28:22 · 356 阅读 · 0 评论 -
vue项目中父子组件的交流
父组件: 要被修改的data值如下要加.sync <allMenuTree @updateMenu="_getAllLists" ref="allMenuTree" :menuId.sync="menuId" :parentsId.sync="parentsId"> </allMenuTree> 子组件: 就可以直接用如下方法来修改 this.$emit("update:menuId",data.id) .原创 2021-08-26 18:27:44 · 157 阅读 · 0 评论 -
关于vue项目中请求接口的几种形式
前提是使用的封装好的qs 如果用qs.stringify()包裹data,那么浏览器中的 content-type 为 application/x-www-form-urlencoded; charset=UTF-8 如果指定content-type为 application/json ,那么浏览器中的content-type即为指定的,然后传递的参数形式为对象形式的 ...原创 2021-08-26 08:55:09 · 1452 阅读 · 0 评论 -
vue项目报错Avoid mutating a prop directly since the value will be overwritten whenever the parent ...
今天在做项目的时候报了这么一个错, 场景是一个vue的view中嵌套了一个弹框子组件A,该子组件中又嵌套了一个子组件B, B组件中的input绑定的直接是父组件传递过来的放在props中的值,所以报错,意思是不能直接通过改变props中的值来改变父组件的值,那么,怎么解决呢? 我们可以在data中添加指向props中值的写法来解决这个问题 props: { propertyId:{type: Number,}, repayId:{type: String,}, repa原创 2021-08-12 11:07:23 · 332 阅读 · 0 评论 -
vue项目中引入js文件
js文件一定要放在static下面,不可放在assets下面,因为assets下面的内容最终是要被打包的,而static下面的内容是不用打包直接放过去的; 摘自:https://www.jb51.net/article/150517.htm 遇到问题: 今天做一个 VUE 的项目,在引入第三方依赖的 JS 文件时,遇到了一个问题: 控制台的提示:Uncaught SyntaxError: Unexpected token < 按照提示进入文件,再看如下图: 仔细看了看 ..转载 2020-05-26 18:45:13 · 8853 阅读 · 0 评论 -
mac上springboot+vue从零开始的简单开发
进入Node.js官网:https://nodejs.org/en/,选择下载并安装Node.js。 2.验证Node.js是否安装好,在macos下,shift+command+a召唤出应用程序窗口,在里面找到终端打开后输入node -v即可得到对应的Node.js版本。 3.npm包管理器是集成在Node.js中了,所以在安装Node.js的时候就已经自带了npm,输入npm -v可得到...原创 2019-07-31 14:57:54 · 1101 阅读 · 0 评论 -
vue中css实现body的高度等于屏幕窗口的高度
body{ height:100vh; }原创 2019-08-20 15:59:40 · 5686 阅读 · 0 评论 -
vue组件中只能写一个template以及点击动态切换问题
vue组件中引入另一个组件可以使用import的形式引入以后再用标签的形式进行引入展示; 这里用了class的绑定 :class={active:shows==1} 并且这里的class绑定的形式为对象类型,对象类型中的isA,isB是布尔类型值 class的绑定有三种形式 1):class='xxx' 2)表达式是字符串:'classA' 3)表达式是对象:{cl...原创 2019-08-23 13:34:10 · 2059 阅读 · 0 评论 -
vue项目报错:Uncaught SyntaxError: Unexpected token <
刚开始我的项目资源文件都是放在src/assets下面的,结果后来需要使用layer.js;引入该文件之后项目报这个错误; 查找了解决方法,将资源文件放到static下面就顺利解决这个问题了; ...原创 2019-08-26 14:47:07 · 826 阅读 · 0 评论 -
vue项目中点击切换active写法
这里其实就是一个动态的class绑定,一个传参函数,即可简单实现动态切换;原创 2019-08-28 14:01:29 · 520 阅读 · 0 评论 -
vue中传参到另一个页面
<div class="list" v-bind="indexLists" v-for="(item,key,index) in indexLists" :key="index"> <router-link :to="{path:'/BlogGoodsDetail',query:{ id:item.id}}"> <di...原创 2019-09-18 10:24:03 · 921 阅读 · 0 评论 -
vue项目中将methods中的数据绑定到标签
可以采用在methods方法内给data赋值的方法也可以采用return的方法 1.给data赋值的方法 <template> <div id="app3"> <div class="blue-back"> <div class="left mall-name">悦动</div> <div cl...原创 2019-09-06 11:30:23 · 3554 阅读 · 0 评论 -
vue项目中定义组件私有的css样式小结
在vue项目中不同的组件对应引入不同的css文件,那么在vue项目中可以顺利实现不同页面不同css样式不会冲突,但是使用webpack打包之后会将这些引入的css文件打包到一个css文件当中,不巧的是我对不同组件定义了不同的background的样式,这时就产生了覆盖 解决方法: 在组件内部使用<style lang="less" scoped></style>即可定义...原创 2019-09-06 11:26:59 · 1281 阅读 · 0 评论 -
vue写左右跑马灯
左右跑马灯的实现,其实很简单,但是为了让自己思考一下还是动动手吧。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2019-06-12 16:39:27 · 1315 阅读 · 0 评论