/**PageBeginHtml Block Begin **/ /***自定义返回顶部小火箭***/ /*生成博客目录的JS 开始*/ /*生成博客目录的JS 结束*/

随笔分类 -  JavaScript_Vue

摘要:Element el-date-picker 日期选择器的使用 更新时间:2023年04月30日 11:18:26 作者:程序员大阳 本文主要介绍了Element el-date-picker 日期选择器的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们 阅读全文
posted @ 2024-04-23 11:32 一品堂.技术学习笔记 阅读(246) 评论(0) 推荐(0) 编辑
摘要:一:前言本文属于转载;二:正文1:示例展示单选多选index.vue<template> <el-select ref="select" v-model="defaultValue" :title="isNeedTitle ? getTitle() : null" :clearable="false 阅读全文
posted @ 2024-03-25 16:40 一品堂.技术学习笔记 阅读(201) 评论(0) 推荐(0) 编辑
摘要:Vue实现将table数据导出excel到本地在 Vue 中,要导出 el-table 中的数据为 Excel 格式,可以使用一些第三方库,如 file-saver 和 xlsx。具体步骤如下: 第一步 安装 file-saver 和 xlsx 库: npm install --save xlsx 阅读全文
posted @ 2024-03-13 10:47 一品堂.技术学习笔记 阅读(233) 评论(0) 推荐(0) 编辑
摘要:在JavaScript中有多种循环遍历对象的方法,下面本篇文章就来给大家介绍一下使用JavaScript循环遍历对象的方法,希望对大家有所帮助。 1、使用for 循环 for 循环是 js 中最常用的一个循环工具,经常用于数组的循环遍历。 let arr = [1,2,3]; for (let i= 阅读全文
posted @ 2024-03-07 09:58 一品堂.技术学习笔记 阅读(506) 评论(0) 推荐(0) 编辑
摘要:原文:https://www.baidu.com/link?url=AuyjwtPhSkYFpr8dpb-mdYLpniwQhc7URksdLNktJ-dFgYmR4eEv3VpuTWxEH1p37BdTjfnva4iKCX8_pZx4BgFMyFjgxtMT95FLe5N02vi&wd=&eqid 阅读全文
posted @ 2023-07-13 11:46 一品堂.技术学习笔记 阅读(673) 评论(0) 推荐(0) 编辑
摘要:一:Vue 知识要点说明:1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 Github地址:https://github.com/vuejs/vuex2.何时使用? 多个组 阅读全文
posted @ 2023-03-21 23:53 一品堂.技术学习笔记 阅读(40) 评论(0) 推荐(0) 编辑
摘要:一:知识点说明## 插槽 1. 作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 <strong style="color:red">父组件 > 子组件</strong> 。 2. 分类:默认插槽、具名插槽、作用域插槽 3. 使用方式: 1. 默认插槽: ```v 阅读全文
posted @ 2023-03-20 21:58 一品堂.技术学习笔记 阅读(56) 评论(0) 推荐(0) 编辑
摘要:1:安装插件 vue-resourcevue的插件库,在vue1.0年代使用几率很高2:界面效果3:代码信息说明:该示例代码基本上是与《“Vue 中通过事件总线方式组件间传递数据及调用 Vue脚手架中的axios数据调用方式获取github提供的用户接口数据信息 ”》一文中的代码相同。 故:此处只列 阅读全文
posted @ 2023-03-19 22:39 一品堂.技术学习笔记 阅读(79) 评论(0) 推荐(0) 编辑
摘要:1:看界面效果 2:代码结构 3:代码内容 3.1:引入第三方css样式表: bootstrap.css /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed u 阅读全文
posted @ 2023-03-19 21:18 一品堂.技术学习笔记 阅读(51) 评论(0) 推荐(0) 编辑
摘要:Vue 脚手架代理配置说明## vue脚手架配置代理 ### 方法一 ​ 在vue.config.js中添加如下配置: ```js devServer:{ proxy:"http://localhost:5000" } ``` 说明: 1. 优点:配置简单,请求资源时直接发给前端(8080)即可。 阅读全文
posted @ 2023-03-15 23:01 一品堂.技术学习笔记 阅读(628) 评论(0) 推荐(0) 编辑
摘要:Vue封装的过度与动画1:知识点:## Vue封装的过度与动画 1. 作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。 2. 图示:<img src="https://img04.sogoucdn.com/app/a/100520146/5990c1dff7dc7a8fb3b 阅读全文
posted @ 2023-03-15 22:15 一品堂.技术学习笔记 阅读(83) 评论(0) 推荐(0) 编辑
摘要:Vue 中的 todolist 的修改todo事件名称操作:消息订阅_全局事件总线_nextTick 定时执行事件、本地储存1:nextTick 事件说明nextTick语法:this.$nextTick(回调函数)作用:在下一次 DOM 更新结束后执行其指定的回调。 什么时候用:当改变数据后,要基 阅读全文
posted @ 2023-03-06 23:59 一品堂.技术学习笔记 阅读(73) 评论(0) 推荐(0) 编辑
摘要:Vue中的消息订阅1:内容说明:消息订阅与发布(pubsub) 一种组件间通信的方式,适用于任意组件间通信。 使用步骤: 安装pubsub:npm i pubsub-js 引入: import pubsub from 'pubsub-js' 接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回 阅读全文
posted @ 2023-01-21 17:38 一品堂.技术学习笔记 阅读(186) 评论(0) 推荐(0) 编辑
摘要:Vue中 TodoList 示例: 浏览器本地存储、自定义事件、全局数据总线1:使用说明:总结TodoList案例 组件化编码流程: ​ (1).拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突。 ​ (2).实现动态组件:考虑好数据的存放位置,数据是一个组件在用,还是一些组件在用: 阅读全文
posted @ 2023-01-09 22:25 一品堂.技术学习笔记 阅读(133) 评论(0) 推荐(0) 编辑
摘要:Vue中全局事件总线1:全局事件总线2:示例代码结构3:代码内容vue.config.jsconst { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencie 阅读全文
posted @ 2023-01-09 22:10 一品堂.技术学习笔记 阅读(170) 评论(0) 推荐(0) 编辑
摘要:Vue中 TodoList 示例: 浏览器本地存储、自定义事件1:界面展示情况2:源代码vue.config.jsconst { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpil 阅读全文
posted @ 2022-12-22 20:12 一品堂.技术学习笔记 阅读(71) 评论(0) 推荐(0) 编辑
摘要:Vue 中自定义事件1:自定义说明/* 组件的自定义事件 一种组件间通信的方式,适用于:子组件 > 父组件 使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)。 绑定自定义事件: 第一种方式,在父组件中:<Demo @atguigu="test"/ 阅读全文
posted @ 2022-12-19 00:43 一品堂.技术学习笔记 阅读(443) 评论(0) 推荐(0) 编辑
摘要:Vue 的 todos 本地存储示例1:界面效果2:代码结构:3:代码内容:vue.config.jsconst { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDepen 阅读全文
posted @ 2022-12-18 21:10 一品堂.技术学习笔记 阅读(125) 评论(0) 推荐(0) 编辑
摘要:Vue的浏览器中的 webStorage1:Api介绍/* webStorage 存储内容大小一般支持5MB左右(不同浏览器可能还不一样) 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API: xxxxxStor 阅读全文
posted @ 2022-12-14 22:30 一品堂.技术学习笔记 阅读(70) 评论(0) 推荐(0) 编辑
摘要:Vue 中的 Todo-list 案例1:示例总结TodoList案例 组件化编码流程: ​ (1).拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突。 ​ (2).实现动态组件:考虑好数据的存放位置,数据是一个组件在用,还是一些组件在用: ​ 1).一个组件在用:放在组件自身即可。 阅读全文
posted @ 2022-12-11 09:54 一品堂.技术学习笔记 阅读(381) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示