随笔分类 - Vue
摘要:注意,我这里的vue 脚手架 版本是 vue-cli3没有config文件解决方案,在项目根目录上 自己创建 vue.config.js文件 另外 我这里是不使用 webpack打包部署 webpack 打包部署配置 链接:https://www.cnblogs.com/nongzihong/p/1
阅读全文
摘要:采用淘宝镜像安装 如下 npm install --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/mirrors/node
阅读全文
摘要:1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向document上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法 这是阻止默认事件的方法,调用此方法是,连接
阅读全文
摘要:结果: 把OK该为false 然后我们在看看效果:
阅读全文
摘要:v-bind 缩写 v-on 缩写 它们看起来可能与普通的 HTML 略有不同,但 : 与 @ 对于特性名来说都是合法字符,在所有支持 Vue 的浏览器都能被正确地解析。而且,它们不会出现在最终渲染的标记中。缩写语法是完全可选的,但随着你更深入地了解它们的作用,你会庆幸拥有它们。
阅读全文
摘要:vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。学习实例的生命周期,能帮助我们理解vue实例的运行机制,更好地利用钩子函数完成我们的业务代码。 1、即将创建:对应的钩子函数为beforeCreate。此阶段为实例初始化
阅读全文
摘要:步骤一:vue add axios (向项目添加axios) 步骤二:在main.js 中 修改 如图 步骤三:在组件使用时,直接 this.$http.get().then() 即可......
阅读全文
摘要:刚自学vue不久遇到很多问题,刚好用到的分组件,所以就用到传递数据 弄了好久终于搞定了,不多说直接上代码 父组件: 子组件:注意要 props来接收 截图:
阅读全文
摘要:首先理清组件之间的关系 组件与组件之间,还存在着不同的关系。父子关系与兄弟关系(不是父子的都暂称为兄弟吧)。 父子组件 父子关系即是组件 A 在它的模板中使用了组件 B,那么组件 A 就是父组件,组件 B 就是子组件。 先写子组件: 绑定一个单击事件 定义数组:用来存值,然后传递给父组件 然后子组件
阅读全文
摘要:router.push(location) 除了使用 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。 router.push(location) 想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的
阅读全文
摘要:刚自学Vue不久,所以还不太熟,所以直接上代码。 一、先在data里增加一个变量,用来储存当前点击的元素 二、在Template里面的代码,切记在@click方法里面要传index, 三、点击事件:改变data里面activeClass的值 四、在style中写上 .active 样式
阅读全文
摘要:最近做vue项目时遇到登录权限问题,登录以后再发送的请求头部并没有携带登录后设置的cookie,导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。查看文档得知axios默认是不让ajax请求头部携带cookie的,因此,在main.js中设置如下: 还要做一步工
阅读全文
摘要:这是:主页代码 <template> <view class="content"> <view class="uni-list"> <!--这是图片轮播的--> <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :dur
阅读全文
摘要:1、演示所使用到的工具:谷歌浏览器、HBuilder、cmd命令窗口、nodejs(自带npm) 2、切换到项目中 3、使用 vue 命令添加 elementUI的插件(element) 4、选择Fully import(全部导入), 也可以选择 import on demand(按需导入) 回车键
阅读全文