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 评论