云社区 NAT
# NAT #
2024 Vue经典面试题总结（含答案）
一、什么是 MVVM ？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过View...
作者小头像 SHQ5785
13
0
0
router.beforeEach 与 router.afterEach 钩子函数
一、前言路由跳转的时候，我们需要做一些权限判断或者其他操作。这个时候就需要使用路由钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲，vue提供三大类钩子，全局钩子某个路由的钩子组件内钩子两种函数：Vue.beforeEach(function(to,form,next){}) /*在跳转之前执行*/Vue.afterEach(function(...
作者小头像 SHQ5785
24
0
0
NAT
iframe更改src后页面未刷新问题解决
一、场景描述在项目开发过程中，应用iframe实现外系统页面嵌套的时候，发现引入其他页面后，页面内容并未刷新加载，经过一番研究，解决方案如下：vm.iframeSrc = iframeSRCif (document.getElementById('iframe')) { setTimeout(() => { document.getElementById(iframeid).conten...
作者小头像 SHQ5785
18
0
0
NAT
华为ENSP中默认路由和静态路由配置
认路由的作用 简化路由配置：默认路由的配置方法非常简单，只需要指定下一跳路由器即可。这对于网络规模较小、拓扑结构简单的情况非常方便。 提高路由效率：默认路由可以将无法匹配的路由信息直接转发给下一跳路由器，从而提高路由效率。 静态路由的作用 精细控制数据包转发：静态路由可以精确地控制特定网络的数据包转发到哪个下一跳路由器。这对于网络规模较大、拓扑结构复杂的情况非常有用。
作者小头像 yd_263638542
73
0
0
详解 router.push()
一、前言在Vue2.0路由跳转中，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，使用 router.push 方法。这个方法会向 history 栈添加一个新记录，所以，当用户点击浏览器后退按钮时，可以返回到之前的 URL。当你点击 <rou...
作者小头像 SHQ5785
25
0
0
NAT
嵌套路由讲解
一、前言路由嵌套，即在当前路由中注册子路由，形成父子路由，并在父路由中显示子路由对应的组件。子路由内也可以注册它的子路由，一直下去就可以形成一个庞大的“路由家族”。简单来说，就是在一个路由的页面下，继续使用路由加载新的组件；可以将嵌套路由理解为父子路由，常见的多导航界面通常就是由多层嵌套的组件组合而成。嵌套路由还有一个优点，就是让新的页面内容展示在父组件的占位符（即router-view标...
作者小头像 SHQ5785
25
0
0
vue-router Hash模式跳转及懒加载
一、前言vue-router路由的工作原理是通过改变网址,来实现页面的局部刷新,相比a标签跳转的不同之处在于：路由跳转不需要刷新整个页面。大概流程可以看成:浏览器发出请求；服务器监听到端口有请求过来,并解析url路径；根据服务器的路由配置,返回相应的信息(可以是HTML字符串、也可以是json数据、图片等等)；浏览器根据数据包的 Content-type 来决定如何解析数据；简单来说，路由...
作者小头像 SHQ5785
29
0
0
show-overflow-tooltip实现表格列内容过长显示提示
一、前言在Vue项目中，使用ElementUI渲染表格数据时，如果某一个列数值长度超过列宽，会默认换行，造成显示不友好。翻阅ElementUI文档，可发现show-overflow-tooltip列属性可实现列内容过长被隐藏时显示tooltip的功能。注：show-overflow-tooltip属性需要谨慎使用，如果一个页面多列使用，会影响页面加载速度。因为show-overflow-t...
作者小头像 SHQ5785
31
0
0
NAT
vue 路由传参的几种基本方式
一、动态路由（页面刷新数据不丢失）methods：{ insurance(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`, })}路由配置{ path: '/particulars/:id', name: 'particu...
作者小头像 SHQ5785
50
0
0
浅谈 Angular 应用里路由路径的自定义配置与开发
笔者已经在一款名叫 Spartacus 的开源 Commerce Storefront 项目中工作了三年多的时间，这个项目的技术栈是 Angular，本文分享笔者在这三年 Angular 开发里，关于这个项目里路由路径(Router path)的自定义配置和开发领域学习到的一些经验。从产品列表页面跳转到产品明细页面，是通过 Angular 标准的 Router 组件实现的。下图产品明细页面的...
作者小头像 Jerry Wang
24
0
0
总条数：1018
到第页
热门标签