![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-js
文章平均质量分 50
黒客与画家
忍不了,你就是俗人一个!
展开
-
解决npm报错:npm ERR! gifsicle@4.0.1 postinstall: `node lib/install.js`
一、报错:报错截图:报错关键词:npm ERR! gifsicle@4.0.1 postinstall: `node lib/install.js`二、原因:安装这些包时需要安装依赖包,其中部分依赖包需要从GitHub上下载,而GitHub的资源库DNS有问题,导致这些依赖包无法安装而报错。三、2种解决方案1、应该在命令后加参数 --ignore-scriptsnpm install --ignore-scripts2、在本地host文件中添加以下内容:( windows下,hos原创 2021-09-30 17:34:22 · 4153 阅读 · 0 评论 -
解决:uni.getMenuButtonBoundingClientRect();获取到的数据都为零的问题
出现场景:正常进入可以获取得到但是进入小程序之后,点击右上角,点击重新进入小程序就会出现获取都为0的情况console.log('oMenuBtn:',oMenuBtn);//打印 width:0,bottom:0,top:0,...代码是写在App.vue里面,启动后获取状态栏的高度并存到vuex中使用oMenuBtn = uni.getMenuButtonBoundingClientRect() console.log('oMenuBtn:',oMenuBtn); s原创 2021-09-27 18:21:29 · 5941 阅读 · 0 评论 -
vue 插槽的版本变化1.x-2.6.0-3.x(详细)
文章目录前言 一、具名插槽? 二、具名插槽的缩写 三、作用域插槽 五、总结前言很多没有注意vue版本更新的同学,看到slot=""的时候是明白的,当看到 template #xxx="",这时候就有点疑问了,还有vue3插槽到底什么样?;在 2.6.0 中,vue为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。目前 slot 与 slot-scope 这两个特性暂时还未被移除。听说之后的 Vue 3.0 也会使用新语法,这并不是仅写法的不同,...原创 2021-09-01 11:23:33 · 334 阅读 · 6 评论 -
Vue依赖注入的详细用法,1分钟说清利弊
背景关于Vue组件的通讯方式相信大家能倒背如流父子组件:通过prop,$emit,【$root,$parent,$children】非父子组件:Vuex实现,父子层层传递、中央事务总线Bus,$ref子实例可以用 this.$parent 访问父实例,子实例被推入父实例的 $children 数组中。应当节制地使用它们,其只是作为访问组件的应急方法。更推荐用 props 和 events 实现父子组件通信.Vue官网建议,在正常情况下,这两种方式已经能满足绝大多数甚至所有的业务需求,对于应用程序代原创 2021-05-13 19:32:27 · 2926 阅读 · 2 评论 -
Vue父组件获取子组件methods函数的方法汇总
1. 父组件中获取子组件方法$children属性<template> <div> <v-header></v-header> <v-content></v-content> <v-footer></v-footer> </div></template><script> import vHeader原创 2021-05-13 19:20:23 · 1912 阅读 · 0 评论 -
Vue.use用法、原理、及源码解读:简单易懂
vue.use(plugin, arguments) 语法参数:plugin(Function | Object)用法:如果vue安装的组件类型必须为Function或者是Object如果是个对象,必须提供install方法如果是一个函数,会被直接当作install函数执行install函数接受参数,默认第一个参数为Vue,其后参数为注册组件时传入的arguments组件.js export const testObj = { install(Vue, arg) {原创 2021-05-10 16:49:05 · 268 阅读 · 0 评论 -
uni-app/vue css实现商城分类页面选项卡选中时,右上左下是圆弧过度的选中样式
vue css实现商城分类页面选项卡选中时,右上左下是圆弧过度的选中样式:如图html部分<scroll-view scroll-y scroll-with-animation class="u-tab-view menu-scroll-view" :scroll-top="scrollTop" :scroll-into-view="itemId"> <view v-for="(item,index) in cateRes" :key="index" class="原创 2021-05-07 23:02:29 · 615 阅读 · 0 评论 -
Vue.set()和this.$set()的区别和联系,什么场景该用哪一个,清晰明了
之前了解这个方法的时候,感觉这一辈子也用不到这个方法,因为当时没有应用场景,但是还真有用的时候????,我相信你们也有用到时候。从三个方面给大家说一下这个this.set:1.this.set:1.this.set:1.this.set实现什么功能,为什么要用它?2.怎么用它?3.应用场景1.this.set实现什么功能,为什么要用它?当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.set实现什么功能,为什么要用它?当你发现你给对象加了原创 2021-03-20 11:21:50 · 1127 阅读 · 0 评论 -
vue路由传参:最常用三种方式,通俗易懂!
前言项目中很多情况下都需要进行路由之间的传值,想过很多种方式sessionstorage/localstorage/cookie 进行离线缓存存储也可以,用vuex也可以,不过有些大材小用吧,不管怎么说因场景而异下面我来说下vue自带的路由传参的三种基本方式先有如下场景 点击当前页的某个按钮跳转到另外一个页面去,并将某个值带过去<div class="examine" @click="insurance(2)">查看详情</div>第一种方法 :页面刷新数据不会丢失m原创 2021-03-02 12:13:45 · 698 阅读 · 4 评论 -
vue爬坑之vue路由传参的三种基本方式
现有如下场景,点击父组件的li元素跳转到子组件中,并携带参数,便于子组件获取数据。父组件中:<li v-for="article in articles" @click="getDescribe(article.id)">methods:方案一: getDescribe(id) {// 直接调用$router.push 实现携带参数的跳转 ...原创 2018-12-09 16:46:02 · 238 阅读 · 0 评论 -
vue项目手机真机预览和调试
很多项目要模拟手机真机环境才能测的出效果比如像高斯模糊的一些样式特效只有在真机上才看得出来;但是如果要上线上每次都要打包所以很不方便,给大家介绍一下我的方法:1.**首先找到 config 下面的index.js** 如图:2.找到host:‘localhost’ 跟换成IP 的方式:如图我的是配过跨域的所以代码跟你们的可能有点不一样,不过只要找准host:‘localhost’ ...原创 2018-12-04 10:20:24 · 6041 阅读 · 2 评论 -
vue axois 跨域配置
在vue项目中找到config里面的index,再配置里面的proxyTable如下图: dev: {// Paths解决跨域问题assetsSubDirectory: ‘static’,assetsPublicPath: ‘/’,proxyTable: {‘/api’: {target: ‘https://blf.itwolf.cn/index.php/Home/A...原创 2018-02-27 20:21:34 · 1732 阅读 · 0 评论 -
vue-router的详细用法
安装直接下载 / CDNhttps://unpkg.com/vue-router/dist/vue-router.jsUnpkg.com 提供了基于 NPM 的 CDN 链接。上面的链接会一直指向在 NPM 发布的最新版本。你也可以像 https://unpkg.com/vue-router@2.0.0/dist/vue-router.js 这样指定 版本号 或者 Tag。 在 Vue 后面加载原创 2017-11-13 15:24:13 · 741 阅读 · 0 评论 -
Vue调试神器vue-devtools安装
什么是vue-devtools? ue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。安装方式 1.chrome商店直接安装: vue-devtools可以从chrome商店直接下载安装,非常简单,这里就不过多介绍了。不过要注意的一点就是,需要翻墙才能下载。 2.手动安装: 第一步原创 2017-11-09 14:27:31 · 642 阅读 · 0 评论 -
vue安装教程
一、简介 Vue.js 是什么 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 A原创 2017-11-08 11:05:19 · 493 阅读 · 0 评论