![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
★涛★
这个作者很懒,什么都没留下…
展开
-
如何使用uniapp开发多语言功能
如何使用uniapp开发多语言功能转载 2023-09-25 22:06:14 · 585 阅读 · 0 评论 -
路由传参及跳转方式
router-link 标签跳转 router-link会被解析成a便签 利用a标签的href属性。接this.$route.params 是一个对象,参数都在这个对象里。2.编程式跳转 用js的方式实现跳转。转载 2023-04-27 23:17:44 · 217 阅读 · 0 评论 -
什么是Vue的生命周期?
什么是Vue的生命周期?从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期。生命周期钩子在Vue生命周期中,从出生到消亡之中会伴随多个事件钩子,这些事件钩子可以让我们在整个Vue实例的不同阶段里添加自己需要的逻辑。Vue生命周期主要分为 : 初始化前后、创建前后、更新前后、销毁前后。生命周期图示生命周期依照上图来简单说明一下Vue的生命周期以及钩子函数:Vue的生命周期从创建一个Vue实例开始,随后进行初始化事件和初始化生命周期。转载 2023-01-20 17:38:29 · 92 阅读 · 0 评论 -
uni.navigateTo跳转页面的注意事项
uni.navigateTo跳转页面的注意事项转载 2023-01-13 21:06:45 · 1099 阅读 · 0 评论 -
vue-element-template项目学习笔记
vue-element-template项目学习笔记转载 2023-01-02 18:19:50 · 436 阅读 · 0 评论 -
Vue单页面与多页面的区别
Vue单页面与多页面的区别转载 2023-01-01 16:25:51 · 126 阅读 · 0 评论 -
vue2.0和vue3.0创建项目
vue2.0和vue3.0创建项目原创 2022-12-31 18:19:26 · 361 阅读 · 0 评论 -
npm---缓存
npm---缓存转载 2022-12-30 21:47:38 · 2106 阅读 · 0 评论 -
Vue项目编译报错 ‘error:03000086:digital envelope routines::initialization error‘
Vue项目编译报错 'error:03000086:digital envelope routines::initialization error'原创 2022-12-29 22:39:33 · 434 阅读 · 0 评论 -
HBuilder X打包H5网址登录后又跳转登录页
HBuilder X 打包H5网址登录后又跳转登录页,记一次移动端很奇怪的一次登陆现象原创 2022-11-06 13:16:05 · 1433 阅读 · 0 评论 -
Vue钩子函数
Vue钩子函数转载 2022-07-18 22:02:55 · 802 阅读 · 0 评论 -
Vue实现按回车键执行方法
mounted(){ //绑定事件 window.addEventListener('keydown',this.keyDown); }methods:{getData(){ }, keyDown(e){ //如果是回车则执行登录方法 if(e.keyCode == 13){ this.getData(); } }}destroyed(){ window.removeEven...原创 2022-05-04 23:43:21 · 1212 阅读 · 0 评论 -
vue 中的this问题
在vue中当在vue中使用匿名函数的时候,会出现this指针改变的问题,出现方法或者属性数据undefine的问题,以下是相关的解决方法一、在回调函数之前重新将this赋值例如 connection() { // 更换that指针 var that = this const socket = new SockJS('http://localhost:8080/test-info') this.stompClient = Stomp.over(so转载 2022-04-19 23:44:41 · 1070 阅读 · 0 评论 -
Vue项目部署,清理缓存方式(亲测有效)
本文目录 前言 一、根目录index.html 二、配置vue.config.js 直接上代码【使用时间戳】 三、最终效果 1.css打包后 2.img打包后 3.js打包后 总结 前言 部署前端项目以后,你会发现一个问题(为什么必须刷新页面,页面才会更新到最新版本),其实就是因为服务器缓存的问题,接下来我就以我自己所用的方案来解决自动清除缓存的问题。一、根目录index.html在head标签中,加入下面的代码&转载 2022-04-18 23:05:20 · 10303 阅读 · 8 评论 -
vue.js页面打印window.print
在项目中,涉及到了html内容打印的需求,调用了浏览器的window.print用于打印,涉及到的问题有需打印input内容缺失,网页显示不全,页眉页脚显示问题1.如何打印内容html部分<div ref="pdfDom"> xxxxxxx xxxxxx<div>js部分 //打印dom的内容 printDomVal(){ //获取要打印的Dom内容 let newDomHtml = this.$refs.转载 2022-02-26 22:52:39 · 1375 阅读 · 0 评论 -
uni-app动态更改页面标题
uni-app动态更改页面标题原创 2021-12-13 20:32:54 · 105 阅读 · 0 评论 -
vue 路由的实现 hash模式 和 history模式
hash模式:在浏览器中符号“#”,#以及#后面的字符称之为hash,用window.location.hash读取;特点:hash虽然在URL中,但不被包括在HTTP请求中;用来指导浏览器动作,对服务端安全无用,hash不会重加载页面。hash 模式下,仅 hash 符号之前的内容会被包含在请求中,如http://www.xxx.com,因此对于后端来说,即使没有做到对路由的全覆盖,也不会返回 404 错误。history模式:history采用HTML5的新特性;且提供了两个新方法:push..转载 2021-11-04 21:20:23 · 349 阅读 · 0 评论 -
前后端分离,内外网环境不通图片加载问题
1.后端图片上传采用 .net core webapi,上传到磁盘指定目录。2.前端使用Vue一般的处理都是采用反向代理,把前端的url替换为api访问的url加上图片的相对路径进行访问,前端的图片是完整的后端url,正常是没有问题,现在是公司的入口企业微信是外网,api是内网的,通过网络策略处理调整是可以的,但是因为子系统很多,每个都要设置太麻烦,没办法,只好请求接口,把图片转换为字节流,加载在控件上。后端关键代码:前端关键代码:...原创 2021-09-29 22:01:02 · 658 阅读 · 0 评论 -
Vue的路由及静态路由和动态路由的区别
1.路由主要分为以下几点:(图见)静态路由与动态路由的区别:定义:静态路由:静态路由是在路由器中设置固定的路由表;除非网络管理员进行干预,否则静 态路由表不会发生变化。动态路由:由网络中的路由器之间相互通信,传递路由信息,利用收到的路由信息更新路由表的路由方式。使用场景:静态路由:网络规模不大,拓扑结构固定的网络中。动态路由:网络规模大,网络拓扑机构复杂的网络。优点:静态路由:简单、高效、可靠、网络安全、转发效率高。动态路由:灵活,能够适时适应网络结构的变化,无需管理员手工维护,减轻了转载 2021-09-18 21:04:34 · 2713 阅读 · 0 评论 -
vue常用指令总结
一.vue指令官网解释指令 (Directives) 是带有v-前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式(v-for是例外情况)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。1.v-once能执行一次性地插值,当数据改变时,插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定: 1 2 3 4 5 6 7 8 9 10 11...转载 2021-08-24 22:31:37 · 115 阅读 · 0 评论 -
vue中 computed和watch的一些简单理解(区别)
今天看到一个问题,就是 vue 的 computed 和 watch 要在哪些场景下使用,其实也就是在问他们的区别。computed 也就是计算属性,它可以帮助我们将在模板中的一些稍微复杂的逻辑计算放回到js代码中,方便理解与修改维护;就拿官网给的例子,如下代码片段。<div id="example"> {{ message.split('').reverse().join('') + number }}</div>这js片段虽然看起来挺简单的,但是,如果以后多了需求,要.转载 2021-08-16 21:42:59 · 89 阅读 · 0 评论 -
uni-app的H5部署到IIS服务器
1、打开项目的配置文件-》H5配置-》h5的基础路径,然后填写路径地址2、填写完配置之后就点击发行-》网站-H5手机版3、打包完之后就生成一个路径地址4、点击路径地址,把H5里面的内容复制到需要发布的IIS的文件路径下5、如下图所示,H5-TEST是我的IIS的网站的根目录,html5是文件夹的名称(html5要与上面配置的运行的基础路径要一致),然后把生成的文件放到html5路径下即可。6、配置完成之后,就能正常访问了...转载 2021-08-10 22:43:45 · 1846 阅读 · 1 评论 -
vue常见面试题
一、vue常见面试题1.vue优点?答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb;简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;双向数据绑定:保留了angular的特点,在数据操作方面更为简单;组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势;视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;虚拟DOM:dom操作是非常耗费性能的, 不再使用原生的d转载 2021-08-07 07:58:46 · 163 阅读 · 0 评论 -
vue二种方式根据条件判断显示不同样式
1.v-if-v-else/v-show的方式,只显示其中之一#v-if v-else<div class="blue" v-if="item.num == '0'">{{ item.num }}</div><div class="orange" v-else>{{ item.num }}</div>#v-show<div class="blue" v-show="item.num == '0'">{{ item.num }}&.转载 2021-08-04 22:00:12 · 10014 阅读 · 0 评论 -
MVVM框架与VUE实现原理
1.MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。这两个方向都实现的,我们称之为数据的双向绑定。总结:在MVVM的框架下视图和模型是不能直接转载 2021-04-01 09:00:33 · 555 阅读 · 0 评论 -
Vue学习笔记总结10
创建Webpack项目下载和使用webpack骨架vue init webpack vuedemo3安装依赖原创 2021-03-28 21:33:02 · 69 阅读 · 0 评论 -
vue前端下载后端返回的文件流
axios({ method: 'get', url: url, responseType: 'blob' }).then((res) => { console.log(res) if (!res) { ...转载 2021-03-25 21:56:29 · 1452 阅读 · 0 评论 -
vue-element-admin 和 vue-admin-template 有什么区别?
vue-element-admin 是一个后台的集成方案,它囊括了很多的功能和组件,并不适合作为基础模板来进行二次开发。 vue-admin-template 则是一个后台的基础模板脚手架,适合在它的基础上进行二次开发。转载 2021-03-15 22:20:06 · 3020 阅读 · 0 评论 -
vue-elementui-admin框架介绍
一:框架介绍**vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件。集成方案: vue-element-admin基础模板: vue-admin-template二:环境准备需要在本地安装 node 和 git。本项目技术栈基于 ES2015+、vue、vuex、vue-router 、vue-cli 、axios转载 2021-03-13 21:55:53 · 1897 阅读 · 3 评论 -
Vue学习笔记总结(9)
四、Vue中发送Ajax请求什么是跨域问题在浏览器进行Ajax请求时会出现跨域问题,那么什么是跨域,如何解决跨域呢?什么是跨域问题?跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。什么是同源?所谓同源是指,域名、协议,端口均相同。路由器的功能:在数据通信时,帮你选择通信的路线在Vue中的路由,能够帮助我们在一个vue组件中实现其他组件的相互切换。也就是说,可以通过路由模块,将指定的组件显.原创 2021-03-08 21:46:23 · 111 阅读 · 0 评论 -
Vue一到三年面试题总结
Vue面试题正文:1.vue全家桶包含哪些?答案:vue全家桶与react全家桶介绍2.v-model是什么?怎么使用?vue中标签怎么绑定事件?答案:v-model可以实现双向绑定,指令(v-bind:class、v-for、v-if、v-show、v-on)。vue的model层的data属性。绑定事件:<input @click=doLog()/>3.v-model的实现原理?答案:vue数据双向绑定实现原理解析4.请说一下vue的生命周期。答案:vue生命转载 2021-02-04 21:38:56 · 495 阅读 · 0 评论 -
Vue学习笔记总结(8) 各组件之间的参数传递
4.各组件之间的参数传递1)父传子通过子组件的props部分,来指明可以接收的参数,父组件通过在标签中写明参数的键值对来传递参数。Props是表示一个组件的参数部分,那么props的写法有两种:props:[参数列表]比如:props:[‘’prop1,’prop2’…] 2) props:{ Mytitle:{ type:String, required:true, default:’XXXX’}}子传父(一个比较复杂...原创 2021-02-02 22:18:07 · 207 阅读 · 0 评论 -
Vue学习笔记总结(8)
介绍webpack-simple模板项目项目内的结构index.html无论前端页面内容有多复杂,index.html都只有11行实际内容已经被打包进/dist/build.jsmain.js文件是整个vue项目的入口jsApp.vue万事万物皆组件App.vue 这种以”.vue”为扩展名的内容(文件),实际上就是一个Vue对象。在这里这种文件,也称为Vue组件。三、.vue文件(Vue组件)的组成部分在vue组件中使用多个vue组件搭建一个...原创 2021-02-01 20:58:40 · 79 阅读 · 0 评论 -
Vue报错 Invalid prop: type check failed for prop “model“. Expected Object, got Array
前台页面报错“Invalid prop: type check failed for prop “model”. Expected Object, got Array ”错误:期望对象,得到的是数组从后台获取的数据是List类型,需要把它改为Objectthis.form=[] 改为 this.form={}或者:response.data 改为:response.data[0];...原创 2021-01-30 20:29:13 · 3797 阅读 · 0 评论 -
vue-cli脚手架工具
我们后端使用maven(一款IDE)来创建项目,有两个目的,一是通过maven的依赖机制,能够快速的管理依赖。二是通过maven来确定项目的结构,所谓项目的结构就是项目里有哪些文件和文件夹,文件夹是一个怎样的层级关系。问题来了? 一个Vue项目里的项目结构应该是什么样的? 我们能不能快速的获得这样的项目结构呢?可以通过vue-cli这种脚手架工具来解决这样的问题。Vue-cli里存放了很多常用的项目骨架,直接拿来用就可以搭建出一个拥有比较成熟的项目结构的项目。1.安装node.js要..原创 2021-01-29 21:54:29 · 125 阅读 · 0 评论 -
vue-cli 安装过程中报错npm ERR! code EEXIST npm ERR! path
在安装vue/cli,报错的问题如下:尝试清缓存:npm cache clean –force (清楚npm缓存) 还是不行把此文件夹下的缓存文件夹删除(亲测可以)再次执行 npm install @vue/cli –g 就可以了网上另外一种说法是:把安装node文件夹下的node_cache(node缓存文件夹)跟node_global(全局安装是安装在node_global目录下的)两个文件夹下的内容全部删除...原创 2021-01-28 22:04:24 · 2204 阅读 · 1 评论 -
Vue+Element+admin 页签切换刷新页面问题
在使用element-admin开发时发现,切换标签时未保存页面的操作内容在多番验证下发现问题路由配置时name与页面设置的name 不匹配导致,因为框架中中默认是会缓存tag页面的,也就是noCache参数默认就是false...转载 2021-01-26 17:06:08 · 3184 阅读 · 0 评论 -
Vue学习笔记总结(7)
十三、Vue对象的操作1.可以通过一个Vue对象操作另外一个Vue对象2.Vue对象操作另一个vue对象的内容,维度有两个,操作属性、操作方法。这些属性是data或者computed里面定义的属性。3.Vue的实例属性直接通过对象.的方式调用的属性,是来自data或者computed中的属性,但是Vue对象中的el、data等等这些键也称为属性,这些属性就是vue对象的实例属性!注意:1)ref的使用在vue里面,往往使用ref属性来代替id属性的使用,那么就可以快速通过调用ref的.原创 2021-01-24 18:59:28 · 141 阅读 · 1 评论 -
Vue学习笔记总结(6)
十一、vue中的分支语句1.v-if<div v-if="temp">你看到我了!!!</div>temp为true执行2.v-elsev-if对立面3.v-else-if就是在else里面再嵌套一个if4.v-show用法上v-if相同,也就是说v-show="布尔变量"是true的时候,就会显示内容,是false的时候就不会显示内容,但是v-show改变的是元素的样式,不显示内容是样式是diplay:none,而v-if是直接让元素消失和添加元素,效率上,原创 2021-01-23 12:36:56 · 132 阅读 · 0 评论 -
Vue学习笔记总结(5) Vue的核心:虚拟Dom和Diff算法
vue高效的核心,就是虚拟的dom和diff算法,vue不通过修改dom树来达到修改的效果,而是直接在页面上改那个元素,此时这个元素就是一个虚拟的dom。那么vue怎么去改呢? 通过diff算法,计算出虚拟的dom修改后和修改前的区别,然后在虚拟dom的原基础上进行修改,这样额效率就大大提升了。...原创 2021-01-22 21:55:54 · 204 阅读 · 0 评论