对Vue中SPA的理解1. 什么是SPA?SPA(single-page application),只有一个HTML页面,通过路由实现页面内的局部切换,公共资源部分只加载一次。我们熟知的JS框架如react,vue,angular,ember都属于SPA。2. SPA和MPA的区别MPA(多页面应用)平常写的普通页面就是MPA,通过a标签实现页面切换,每次切换页面都要重新加载公共资源部分。两者区别
1、v-bind用 v-bind 来绑定元素特性!<!DOCTYPE html>
<html lang="en"
xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Title</title&g
转载
2024-04-06 21:49:57
1015阅读
npm install sass-loader -Dnpm install node-sass -D
原创
2019-05-25 12:41:40
421阅读
上篇回顾:Vue基础 Vue Router概述1、起步2、动态路径参数3、嵌套路由4、编程式的导航5、命名的路由6、命名视图7、重定向和别名8、导航钩子9、router-link10、路由元信息meta11、界面特效其他补充 概述上一期介绍了Vue的基本功能,这期着重说一下Vue的重点之一:路由。 Vue的路由,将以往我们原生界面的跳转整理在了一起,供我们可以集合起来进行调配。 而且,配合路由,我
记录工作时遇到的 el-table 合并单元格的需求,超详细o( ̄▽ ̄)ブ首先看官方给出的方法与返回格式:于是乎有了简单的思路: 通过遍历table数据比较前后两个元素是否相等 来构造一个 spanArr 数组存放rowspan,通过判断rowspan 来确定colspan的值模拟数据因为考虑到后端返回的数据非统一性:可能并不是按照类别排好的,而是混乱的// 比如我们要合并a字段的数据,第一行
转载
2021-01-15 18:58:32
1117阅读
2评论
前言: 最近正好写项目用到了这个方法,还是经同事提醒想到的 为此找了相关的知识, 希望可以让看到此博客的人有帮助吧,本人也研究的不深 非喜勿喷 还希望有大神多多指教正文开始.....一、findIndex() 方法的定义和使用原理1. 为数组中的每个元素都调用一次函数的执行:①. 当数组中的元素在需求条件时返回为 true,findIndex()会返回符合条件的元素的索引位置,之后的值不会再调用执
【代码】[element-ui] el-table表格合并 span-method。
原创
2023-10-16 13:52:12
594阅读
要开发新页面第一步要先去定义路由,定义好路由之后创建好对应的视图文件,然后就可以基于这个pass去访问这个页面
原创
精选
2024-04-10 10:32:03
1026阅读
手动挂载$mount() 如果没有挂载的话,没有关联的 DOM 元素。是获取不到$el的。 https://vuejs.org/v2/api/#vm-mount
转载
2018-02-07 09:40:00
351阅读
2评论
index.vue <template> <div> <s-form :model="model" :rules="rules" ref="loginForm"> <s-form-item label="用户名" prop="username"> <s-input v-model="model.us ...
转载
2021-08-09 23:01:00
273阅读
2评论
①只能输入大于0的整数 check(value) { let reg = /^[1-9]\d*$/; var _this = this; if (value) { if (new RegExp(reg).test(value) == false) { setTimeout(() => { _this
转载
2019-07-10 07:18:00
1887阅读
2评论
示例代码为element ui 源码的select组件源码 控制台输出: 结论: this指向组件的实例。 $el指向当前组件的DOM元素。
转载
2018-09-29 10:58:00
558阅读
2评论
vue element ui el-table 表格合并
原创
2024-05-07 10:59:01
870阅读
关于$refs的官方介绍 一个对象,持有注册过 ref attribute 的所有 DOM 元素和组件实例 关于$el的官方介绍 Vue 实例使用的根 DOM 元素 我们自己新建组件的时候,如何让父组件直接触发子组件的方法,比如父组件让子组件的数据加1 父组件 1 <template> 2 <div ...
转载
2021-09-16 14:58:00
695阅读
2评论
自己写的一个小demo,拷贝到html直接打开即可测试运行。<html lang="en"><head> <meta
原创
2021-11-08 11:44:02
955阅读
<template>
<div class="commonTable">
<el-table :data="expertList" class="tabBack" stripe>
<el-table-column type="index" label="" width="50">
<templat
原创
2024-03-05 09:24:40
494阅读
分页page组件组件:设置layout,表示需要显示的内容,用逗号分隔,布局元素会依次显示
原创
2019-05-28 17:37:21
336阅读
http://element-cn.eleme.io/#/zh-CN/component/installationelementhttps://element.eleme.c\
原创
2023-07-13 13:11:53
520阅读
是 用于获取组件内 DOM(包括子组件,当前.vue组件,以及父组件):是 ref 的集合,集合里面包含了当前.vue中的所有 ref。用