@Ron-CSDN博客

原创 Vue2.0 和 Vue3.0 双向数据绑定原理

示例1：Vue2.0 通过Object.defineProperty 实现双向数据绑定原理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-.

2021-07-23 22:15:15 202

转载 vue的keep-alive组件清除缓存

原创地址：https://blog.csdn.net/qq_15964039/article/details/104008770场景是，从列表跳转到详情页，再次返回列表页时要记住之前列表页的页码、搜索关键词等，采用keepa-live缓存组件。在路由文件配置meta.keepAlive:文件路径： router/index.js { path: '/List', name: 'list', meta: { keepAlive: true }, // 添加路由元信息。

2021-07-22 17:17:38 323

原创【H5 移动端播放 m3u8格式视频】应用场景：海康视频监控，rtmp 格式后台转成 m3u8 后使用

方案1：vue-video-playerNPM : npm install vue-video-player --save代码如下：import Vue from 'vue'import App from './App.vue'import VueVideoPlayer from 'vue-video-player'// require videojs styleimport 'video.js/dist/video-js.css'import 'vue-video-pla..

2021-07-21 21:34:16 1374

原创【Vue filter】格式化时间 moment .js

Vue filter 格式化时间 moment .js和 day.js首先在vue项目中安装 npm install moment --save 定义时间格式化全局过滤器只需要在需要格式化时间的地方使用插值表达式就OK了备注：day.js 跟 moment.js 用法相似，文件大小会小很多。https://day.js.org/docs/zh-CN/installation/installationmain.jsimport moment from 'moment'Vue.f.

2020-07-15 00:33:59 350

原创【JS 】图片预览多选

JS 图片多选预览理解：获取files数组中的对象，通过 newFileReader()，onload 方法获取 base64 图片，将图片追加到 class为‘preview’ 的div中。 HTML<input type="file" class="upload" onchange="handleFiles(this.files)" multiple><div class="preview"></div>JS<scri.

2020-07-14 23:57:16 467

原创【Vue】 vm.$attrs & 禁用特性

Vue vm.$attrs & 禁用特性理解：父组件基本属性（例如 :placeholder="placeValue" ）传递给子组件，子组件无需定义 prop ，可以绑定 "$attrs" 进行继承。 app.vue<template> <attr name="myinput" :placeholder="placeValue"/></template><script>export default {

2020-07-14 01:11:21 212

原创【Vue】 vm.$listeners 使用

Vue vm.$listeners 使用理解: vm.$listeners 包含了父作用域中的 (不含.native修饰器的)v-on事件监听器。它可以通过v-on="$listeners"传入内部组件。 app.vue<listeners @input="fn" @blur="blurfn" />listeners .vue<template> <!-- <div> <input ...

2020-07-14 00:36:00 974

转载【VueX】页面刷新数据同步保存本地

VueX 页面刷新数据同步理解：页面刷新，VueX 数据保存到本地，渲染时重新获取本地数据。使用：在某组件中添加如下钩子函数。比如 App.vue中 created() { //在页面加载时读取localStorage里的状态信息 if (sessionStorage.getItem("store") ) { this.$store.replaceState(Object.assign({}, this.$store.stat.

2020-07-13 23:42:53 590

原创【JS】数组转对象和对象转数组

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&g.

2020-06-21 18:11:40 293

原创【Vue】自定义组件的 v-model 的理解

app.vue<template> <div class="app"> <div>我是app.vue文件</div> <p> 我是父组件： <input type="text" v-model="msg" /> </p> <br /> ...

2020-05-03 16:51:42 241

转载【UNI-APP】开发微信公众号（H5）JSSDK调式

// #ifdef H5 uni.request({ url: 'https://fbyc.microchainsoft.cn/index/wechat/getSignPackage', //仅为示例，并非真实接口地址。 method: 'GET', header: { 'custom-header': 'hello' //自定义请求头信息 },...

2020-04-09 20:09:41 1844

原创【FullCalendar】日程24小时设置日历中文设置显示结束时间

locale:'zh-cn',//中文设置displayEventEnd:true,//所有视图显示结束时间eventTimeFormat:{//like'14:30:00'hour:'2-digit',minute:'2-digit',second:'2-digit',m...

2020-01-03 15:42:31 4733

RonHsu的博客