vue
文章平均质量分 51
vue相关总结
Liingot
这个作者很懒,什么都没留下…
展开
-
node-sass@4.14.1 postinstall: `node scripts/build.js`
node-sass@4.14.1 postinstall: `node scripts/build.js`原创 2022-12-22 12:54:25 · 2126 阅读 · 0 评论 -
element upload限制图片宽高
beforeUpload(file) { // 上传图片前 const isJPG = this.fileType(file); if (!isJPG) { this.$message({ message: "请上传jpg,png,jpeg格式的图片", type: "er..原创 2022-03-30 16:47:09 · 815 阅读 · 0 评论 -
vue单页面引入第三方sdk
概述:个别skd只提供的script标签引入的方式,在vue项目只有入口文件是.html后缀文件,在入口文件引入的话就代表全局引入了。比如xxxx.sdk文件只在某一个页面里使用不需要全局引入。全局引入的话会造成资源浪费,页面加载慢......1.自定义全局组件Vue.component('remote-script', { render: function (createElement) { var self = this; return createElement('s.原创 2022-03-18 10:30:29 · 4281 阅读 · 0 评论 -
element table控件报错_self.$scopeSlots.default is not a function
问题描述使用Element UI中使用多个el-table表格时做了v-if判断;首次渲染没有问题;反复操作便会报错: _self.$scopedSlots.default is not a function官方的解决办法给每个<el-table>加个key属性(页面中有多个table时,加key做区分) <el-table :data="tableDataInstall" key="tableDataInstall">。。。</el-table>.原创 2020-10-09 18:59:15 · 249 阅读 · 0 评论 -
Vue使用jsBridge与APP交互
jsBridge 介绍JSBridge是一座用JavaScript搭建起来的桥,一端是web,一端是native。我们搭建这座桥的目的也很简单,让native可以调用web的js代码,让web可以 “调用” 原生的代码。编写jsBridge文件/* eslint-disable */function setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return c原创 2020-09-16 11:25:15 · 7960 阅读 · 10 评论 -
VUE解决在ie中数组的find方法不可用问题
if (!Array.prototype.find) { Array.prototype.find = function (predicate) { 'use strict'; if (this == null) { throw new TypeError('Array.prototype.find called on null or undefined'); } if (typeof predicate !==原创 2020-08-06 16:33:23 · 852 阅读 · 0 评论 -
vue禁止在控制台编写输出语句(console,alert)
在main.js中添加下面代码 console.log = function(){} alert = function(){}原创 2020-07-22 15:07:25 · 1478 阅读 · 0 评论 -
vue图片异常处理
加载失败时默认效果处理后<img :src="item.imgUrl" v-on:error.once="moveErrorImgSmall($event)" alt=""> moveErrorImgSmall: function (event) { event.currentTarget.src = require('./image/default_small.png'); },原创 2020-07-09 10:39:33 · 604 阅读 · 0 评论 -
自检vue清单(答案)
1:vue的模板语言用的是哪个web模板引擎2:在使用computed时,函数名和data数据源中的数据可以同名吗?不能同名,因为不管计算属性还是data还是props都会挂在vm实例上,所有不能同名3:vue中data的属性可以和methods中的方法同名吗?为什么?不可以,vue会把methods和data的东西,全部代理到vue生成对象中。会产生覆盖所以最好不要同名4:怎么给v...原创 2020-03-12 17:57:21 · 316 阅读 · 0 评论 -
自检vue清单(题目)
答案在文章末尾!!!vue的模板语言用的是哪个web模板引擎在使用computed时,函数名和data数据源中的数据可以同名吗?vue中data的属性可以和methods中的方法同名吗?为什么?怎么给vue定义全局的方法?怎么解决vue打包后静态资源图片失效的问题?怎么解决vue动态设置img的src不生效的问题?跟keep-alive有关的生命周期是哪些?描述下这些生命周期ac...原创 2020-03-12 17:58:58 · 288 阅读 · 0 评论 -
v-model常用修饰符
v-model常用修饰符 lazy number trimlazy在默认情况下,v-model 在input事件中同步输入框的值与数据。在添加了lazy之后,会把 oninput 事件改成 onchange 事件。<template> <div> <input type="text" v-model.lazy="lazy" @chan...原创 2020-03-01 11:31:12 · 956 阅读 · 0 评论 -
vue知识点总结
Hello,大家周末好。新年将至公司最近比较忙今天抽空一起复习一下vue的常用知识点吧!学习一个新框架都应该先知道框架的生命周期在哪一个阶段干什么事情。1:生命周期 beforeCreate(创建前) created(创建后) beforeMounte(挂载前) mounted(挂载后) beforeUpdate(更新前) updat...原创 2019-12-22 11:30:53 · 186 阅读 · 0 评论 -
vue权限管理篇
Hello,大家中秋快乐呀。想必大家的公司基本上都会有自己的后台管理系统吧,那肯定就是管理人员和公司高管登上系统看到肯定和普通员工不一样的甚者可以说是每一个人有一种权限,今天在这里给大家分享一下我写的。一:解决思路虽然权限是动态的每一个人都是不一样的,但是也有一样公共的部分(登录页面,首页等等),这样咱们就可以大致的把路由表就可以分为二个部分(1:固定路由,2:权限路由)。当前登录人的权限是什...原创 2019-09-14 10:23:30 · 431 阅读 · 0 评论 -
vue读取excel内容转JSON
Hello大家周末好,今天说一下读取excel转为JSON。第一步安装: cnpm i xlsx --save-dev //需要依赖插件:安装过后就可以在需要的组件中引入即可第二步引入: import XLSX from "xlsx"; //引入第三步使用: <input type="file" ref="upload" accept=".x...原创 2019-08-31 12:15:32 · 2518 阅读 · 0 评论 -
vue单页面添加百度统计
Hello,大家周末好今天给大家分享一个添加百度统计的方法就是简单的一段复制粘贴就可以但是好多人都不知道应该放在哪里今天就给大家说一下。第一步:这段代码放到Index.html的head中 <script> var _hmt = _hmt || []; (function() { var hm = document.createElement(...原创 2019-07-13 09:40:22 · 485 阅读 · 0 评论 -
inject(注入)
Hello大家周末好,今天给大家讲一下inject(注入)在每个 new Vue 实例的子组件中,其根实例可以通过 root属性进行访问,root 属性进行访问,root属性进行访问,root直接找的是根父亲,调用方法和root直接找的是根父亲,调用方法和root直接找的是根父亲,调用方法和refs的方式很像,this.refs的方式很像,this.refs的方式很像,this.root.xxx...原创 2019-07-07 09:14:08 · 18682 阅读 · 1 评论 -
mixins(混入)
Hello大家周末好,今天有时间在这里给大家讲一下mixins的使用方法和注意的地方。一:mixins(混入)是什么??? 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。(我的理解是写生命周期的封装方法。。。。)二:基本例子 项目结构...原创 2019-06-29 10:33:41 · 4603 阅读 · 0 评论 -
vue中的sync
Hello!大家好今天给大家讲一下我最近了解到的一些新的东西在这里给大家分享一下。一:.sync官方推荐使用一种update:my-prop-name 的模式来替代事件触发,目的是为了优雅而不粗鲁的实现父子组件间的双向绑定!先来完成一个小功能:通过父组件按钮将子组件显示出来。父组件代码(通常的做法): <template> <div> &...原创 2019-06-09 10:49:54 · 9418 阅读 · 4 评论 -
vue中$bus的使用和涉及到的问题
Hello大家周末好,最近项目比较忙所以没有及时的更新抱歉,今天给大家讲一vue.bus。使用过的都知道$bus是兄弟之间相互传值的项目中说实话用的地方不算多但是也会用到(每一个领域都是会有坑的呀)。1:创建$bus文件 创建一个文件内容如下:import Vue from 'vue' export default new Vue();2...原创 2019-06-02 10:27:31 · 15097 阅读 · 3 评论 -
vue2.0中this.$parent和this.$refs的使用
Hello,大家周末早上好最近有段时间没有及时更新博客抱歉了各位,今天给大家分享的这个是在我个人最近的项目中所学到的东西今天拿出来给大家分享一下。大家先回顾一下vue2.0中子父之间互相传值的方式是什么样子的子向父传值:this.$emit(“name”,“值”); 父接收:@name:name (自定义方法接收);父向子传值::name=‘222’ 子接收:props:[‘name’...原创 2019-03-09 13:24:26 · 22258 阅读 · 6 评论 -
vue-router路由传参
Hello!大家早上好呀 今天给大家分享一下vue-router路由传参的方法,要使用router-link跳转的前提必须要使用router-view以后使用router-link才可以生效,但是你不写router-view也是可以路由跳转的只不过是换一种写法而已。 this.$router.push( { path : ' /to '} );第一种传参方法然后咱们在HelloWorld...原创 2019-01-23 11:08:27 · 413 阅读 · 0 评论 -
vue-router路由模式
大家早上好,最近事比较多比较忙所以没有及时的更新博客,望大家谅解。路由模式解析这里要讲vue-router的路由模式,首先要了解的一点就是路由是由多个URL组成的,使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有所了解就会知道,浏览器中对页面的访问是无状态的,所以我们在切换不同的页面时都会重新进行请求。而实际使用vue和vue-router开发就会明白,在...原创 2019-01-22 10:01:33 · 8393 阅读 · 0 评论 -
浅谈vue双向绑定
hello!大家早上好想必大家都用过vue甚至有的还深入了解过vue的实现原理等等!!!今天咱们就谈一下vue双向绑定不多说直接上代码代码:效果图:是不是看起来跟vue的使用方式差不多?接下来就来从原理到咱们原生js的实现,所以只是简单实现下原理,并没有考虑太多情况和设计,如果大家有什么建议,欢迎提出来。本文主要介绍两大内容:vue数据双向绑定的原理。原生js实现双向绑定(原生...原创 2018-12-19 11:11:03 · 173 阅读 · 0 评论