写法vue2 vue js
Vue2入门之超详细教程十一-条件渲染
1、简介 条件渲染: 1. v-if 写法: (1) v-if=”表达式” (2) v-else-if=”表达式” (1) v-else=”表达式” 适用于:切换频率较低的场景 特点:不展示的DOM元素直接被移除 注意:v-if可以和:v-else-if、v-else一起使用,但要求结构不能被”打断 ......
面试题:如何理解 JS的异步?
JS是一门单线程的语言,这是因为它运行在浏览器的渲染主线程中,而渲染主线程只有一个而渲染主线程承担着诸多的工作,渲染页面、执行 JS 都在其中运行。如果使用同步的方式,就极有可能导致主线程产生阻塞,从而导致消息队列中的很多其他任务无法得到执行。这样一来,一方面会导致繁忙的主线程白白的消耗时间,另一方 ......
vue3 el-image图片资源的使用
在项目中将img文件放到/src/assets/,相关组件文件配置: <el-image src="../assets/hamburger.png" /> 使用以上语句提示404错误。 查询网上资料才发现原来图片资源文件一般存放在/public目录下,将文件复制到/public目录下后404错误消失 ......
时间戳转化“刚刚”、“几小时前”、“几天前”、“几周前”等形式的js代码片段
代码片段(可用于vue过滤器) function getTimeStr(timestamp) { const now = new Date(); const date = new Date(timestamp); const diff = (now - date) / 1000; // 毫秒转换为秒 ......
JAVA的springboot+vue医疗预约服务管理信息系统,医院预约管理系统,附源码+数据库+论文+PPT
**1、项目介绍** 会员制医疗预约服务管理信息系统是针对会员制医疗预约服务管理方面必不可少的一个部分。在会员制医疗预约服务管理的整个过程中,会员制医疗预约服务管理系统担负着最重要的角色。为满足如今日益复杂的管理需求,各类的管理系统也在不断改进。本课题所设计的是会员制医疗预约服务管理信息系统,使用j ......
从0搭建Vue3组件库(十三):引入Husky规范git提交
## 为什么要引入 husky? 虽然我们项目中引入了`prettier`和`eslint`对代码格式进行了校验,但是多人开发的时候难免依然会有人提交不符合规范的代码到仓库中,如果我们拉取到这种代码还得慢慢对其进行修改,这是一件很麻烦的事情,同时也为了避免团队成员提交五花八门message,因此我们 ......
js 动态添加样式
```js // 添加 css 脚本 export const loadStyle = url => { const link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; lin ......
js使用xlsx插件导出table中的数据
js代码 需要引入<script type="text/javascript" src="static/js/xlsx.core.min.js"></script> //导出excel function toExcel(){ var blob = sheet2blob(XLSX.utils.tabl ......
单例模式8种写法
### 0. 为什么需要单例模式? - 节省内存和计算 - 保证结果正确 - 方便管理 **使用场景:** ![](https://img2023.cnblogs.com/blog/1220983/202306/1220983-20230603114517917-2115984051.png) ## ......
Intersection Observer API 交叉观察器 API vue3 antd table 滚动加载 使用过程
需求:表格滚动加载 ![](https://img2023.cnblogs.com/blog/2773051/202306/2773051-20230603111117728-345017409.gif) 做法: 步骤一:给表格最后一行添加特定标识,类名或者id等 ![](https://img20 ......
一个sqlite3 复杂的数据库端修改某个字符串字段中的子字符串的sql写法
"update not_match_files set policy_id_tms = replace(policy_id_tms, substr(policy_id_tms,instr(policy_id_tms,'," + m_pid_id[v_del_policies[idx]] + ":') ......
Vue路由传参的几种方式
vue路由传参是指嵌套路由时父路由向子路由传递参数,否则操作无效 一、利用"router-link"路由导航 父组件: 使用 <router-link to = "/跳转路径/传入的参数"></router-link> 例如:<router-link to="/a/123">routerlink传参 ......
vue+elementUI 合并行3
1、返回数据为一维数组 getData() { that.tableData = res.data.data.list; } 2、合并函数 挂在vue底层: Vue.prototype.$spanMethodFunc=function(list, props, row, col) 写在method内 ......
vue+elemntUI合并行2
返回的是一维数组 o:[{id:1,name:s;age:11},{id:1,name:s;age:11},{id:2,name:p;age:15}] 1、对返回的数据做处理 getData() { that.tableData = res.data.data.list; that.getForma ......
Vue路由,子路由,动态路由,动态路由参数,路由查询参数
一、路由、子路由、动态路由 子路由、动态路由类似,不同的是子路由同时有路由跳转和页面跳转的,动态路由只有路由跳转,没有页面跳转 举例如下:/customerHome 下有 item1 和 item2 两个子路由。 import { createRouter, createMemoryHistory, ......
vue 浏览器调试 定位具体行数
module.exports = { lintOnSave: false, devServer: { //开发环境下设置为编译好以后直接打开浏览器浏览 open: true, }, configureWebpack: (config) => { //调试JS config.devtool = "ev ......
如何使用JavaScript格式化日期 – JS中的日期格式化
日期是许多 JavaScript 应用程序的基本组成部分,无论是在网页上显示当前日期还是处理用户输入以安排事件。 但以清晰一致的格式显示日期对于积极的用户体验至关重要。 在本文中,我们将探讨在 JavaScript 中格式化日期的各种技术,使您能够以您的应用程序所需的格式显示日期。 (前端教程:ht ......
Vue——属性指令、style和class、条件渲染、列表渲染、事件处理、数据双向绑定、过滤案例
## vm对象 ```html {{name}} 点我 ``` ## 函数传参 ```html 函数,可以多传参数,也可以少传参数,都不会报错 点我 事件对象,调用函数,不传参数,会把当前事件对象,传入,可以不接收,也可以接收 点我2 点我3 ``` ## 属性指令 ```html // 标签上 n ......
vue+elementui 合并行
1,数据格式是二维的 如:o:{id:123, prams:{name:aaa,age:11} } 的对象 第一步:先获取返回的数据为indexInfoList,遍历转化为一维数组 that.indexInfoList.forEach(ele => { if (ele.prams.length >= ......
vue基础用法-在插值和属性绑定中编写js代码
# 使用Javascript表达式 在vue提供的模板渲染语法中,除了支持`绑定简单的数据值`之外,还`支持Javascript表达式的运算`,例如: ```html 1+2的结果是:{{1+2}} {{tips}}反转的结果是:{{tips.split('').reverse().join('') ......
vue学习笔记一
# VUE自学 [TOC] ## 一、vue核心的相关学习 本人想先看vue3的但是奈何没文化看不懂,环境也不会装,直接就寄了,只能从头看。 ### 一,搭建vue开发环境 #### 1.下载vue.js http://v2.cn.vuejs.org/v2/guide/installation.ht ......
vue、js onSelect事件 获取选中的值
https://huaweicloud.csdn.net/639ff5afdacf622b8df90ecc.html?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~Blo ......
TS中一些常见报错的写法修正
# Cannot invoke an object which is possibly ‘undefined‘ 在openSpeedUpModal方法后面加上! openSpeedUpModal!(record.id, record.priority) 参考:https://flowus.cn/46 ......
总结vue3 的一些知识点:Vue.js 安装
Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 Staticfile CDN(国 ......
总结vue3 的一些知识点:Vue.js 安装
Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 Staticfile CDN(国 ......
Vue——前端发展史、Vue介绍和使用、插值语法、文本指令、事件指令
## 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 javascript ......
总结vue3 的一些知识点:Vue.js 条件语句
Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令: v-if 指令 在元素 和 template 中使用 v-if 指令: <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......
总结vue3 的一些知识点:Vue.js 条件语句
Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令: v-if 指令 在元素 和 template 中使用 v-if 指令: <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......