![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
weixin_40461134
这个作者很懒,什么都没留下…
展开
-
vue3+typescript 3种获取dom元素的方式
第一种 getCurrentInstance() 这种较为麻烦<span ref="numberGrow" :data-time="time" class="number-grow" :data-value="value" >0</span >import { defineComponent, onMounted, getCurrentInstance } from 'vue'//填 any暂时没找到解决方案,原创 2021-08-17 15:15:35 · 4100 阅读 · 0 评论 -
typescript 定时器的定义和Nodejs 未定义的解决方法
参考网上的解决方法 可以设置type interValueProps = NodeJS.Timer | nulllet Timer:interValueProps = setInterval(....但写上去报了 eslint 错误 ‘NodeJS’ 未定义 ‘NodeJS’ is not defined.eslint查了一下 有两种方法1. @typescript-eslint/parser@4导致这个问题。(相关提交:4d7265a)将其降级到 v3@typescript-eslint/原创 2021-08-04 09:14:23 · 2249 阅读 · 0 评论 -
vue3 数字滚动递增特效插件
vue2 很多都不好用,也不带ts,自己就随便写了一个<template> <div class="number-grow-warp"> <span ref="numberGrow" :data-time="time" class="number-grow" :data-value="value" >0</span > </div></template&g原创 2021-08-03 17:34:13 · 1512 阅读 · 0 评论 -
vue3 setup里获取query params路由携带的参数
import { useRoute } from "vue-router";setup(){ const router = useRouter(); console.log(router); 通过router.meta里的参数获取}原创 2020-09-30 17:25:42 · 17194 阅读 · 9 评论 -
vue3 v-model的使用(多个 v-model 绑定)
//父组件setup(props) { const msg = ref("msg"); const foo = ref('123') return{ foo,msg }}<!--父组件--!>{{modelValue}} {{msg}} <HelloWorld v-model:foo="modelValue" v-model:message="msg"></HelloWorld> <!--子组件--!> <input原创 2020-09-30 17:23:27 · 8679 阅读 · 0 评论 -
provide / inject的使用
provide / inject和props相似,不过前者是直接在父组件定义provide,在任意层级的子组件定义props//父组件 provide() { return { indexM: this, //实例 可直接使用 selectByCorpIds: this.selectByCorpIds, //方法 可直接调用 state: this.state, //对象 //可同时改变父子组件值 getcount: this.counts //原创 2020-09-14 11:07:57 · 360 阅读 · 0 评论 -
Vue observable
observable官方用法// <el-button type="primary" @click="onSave">{{state.count}}</el-button>this.state = Vue.observable({ count: 0 });state: nullonSave() { this.state.count++; ------- 这样创造对象,好像可以避免$set的使用或者在vuex进行对象式响应...原创 2020-09-14 10:02:53 · 136 阅读 · 0 评论 -
vuex 的 model mapActions persistedState的基础使用
vuex vue的状态管理器//一般分为 state getter mutation action创建model创建一个login文件// stateconst state = { number: 10, }const getters = { number: (state) => state.number}// n为传递的参数const mutations = { add(state, n) { state.number += n },}// ac原创 2020-09-07 17:02:35 · 205 阅读 · 0 评论 -
vue-cli3 webpack build多个环境的方法
首先在根目录下 创建.env.env.development.env.production在packjson创建 "build": "vue-cli-service build --mode production", "build:alpha": "vue-cli-service build --mode development", // 在.env.development 写入NODE_ENV = "development"VUE_APP_URL = "alpha"原创 2020-07-30 17:45:29 · 569 阅读 · 0 评论 -
filter的使用
html<div> {{ 02 || leaveTypeFilter }}</div> //事假 filters: { leaveTypeFilter(val) { const obj = { "01": "年假", "02": "事假", "03": "病假", "04": "调休", "05": "产假", "06": "陪产假",原创 2020-07-24 15:31:39 · 81 阅读 · 0 评论 -
前端AES加密
cnpm install crypto-jsimport CryptoJS from 'crypto-js/crypto-js'// 默认的 KEY 与 iv 如果没有给// const KEY = CryptoJS.enc.Utf8.parse("23ae5617g4hbfc8d");const KEY = CryptoJS.enc.Utf8.parse("12345678abcdefgh");const IV = CryptoJS.enc.Utf8.parse('');/** * AES原创 2020-07-24 14:25:21 · 494 阅读 · 0 评论 -
vant日历组件选完日历 页面滑到最底部的bug
最新写日历组件 在ios端发现选完日历 ,页面会滑到最底部。解决在外层给个高和滚动效果原创 2020-07-13 17:41:36 · 1067 阅读 · 5 评论 -
vue监听页面的关闭与刷新
移动端可以用pagehide原创 2020-06-05 16:14:52 · 1275 阅读 · 0 评论 -
网易云音视频多人通话webRTC的实现(接)。
vue写的首先index.html进行引入在页面进行初始化mounted或者created进行初始化首先初始化nim官网上有一堆api 复制就可以了在onsyncdone 函数下 初始化 webRTC 具体看文档即可这里具体是单人点对点通话用的,多人用不到,多人用到下面的在nmi上又一个oncustomsysmsg 收到自定义通知以获取到后台所需要的sessionid(房间号) 和别的参数(userid等),和后台进行商量,我拿到数据如下后面就简单了 加入房间打开摄像头原创 2020-05-19 14:28:29 · 739 阅读 · 0 评论 -
js手机号 身份证 数字各种正则校验
/** * 手机号码校验 * 返回值: true/false */export const mobileCheck = value => { let reg = /^1[0-9][0-9]{9}$/; let result = reg.test(value); return result}/** * 电话号码校验 * 返回值: true/false...原创 2020-01-17 17:04:28 · 301 阅读 · 0 评论 -
将字符串转换为金额
/** * 将 字符串/数字 转成 金额格式 * @param cash 要转换的金额(String 或 Number) * @param thousand 可选 是否使用千分位(默认false) * @param fixed 可选 保留小数位数 默认2位 四舍五入 * @param round 可选 对于小数位数超过部分 是否四舍五入 false则末尾去除 默认false */ex...原创 2020-01-17 16:59:56 · 1442 阅读 · 0 评论 -
日期对象转换成日期
/** * 将 日期对象/日期time数值 格式化为 字符串 形式 日期对象转换为 2010-10-21 * @param date 要格式化的 日期对象/日期time数值 * @param fmt 格式化形式 默认 年-月-日 时:分:秒 */function formatDate(date, fmt) { date = date == undefined ? new D...原创 2019-12-13 10:56:56 · 334 阅读 · 0 评论 -
hash和history的区别
hash模式地址栏url中的#符号,hash虽然出现在url中,但不会被http请求,对后端没有影响,因此改变hash值不会重新加载页面,history模式利用了HTML5的新增的pushState()和replaceState()方法,都会应用于浏览器的历史技术栈,在当前已有的back,go,forward基础上提供了对历史记录修改的功能,当执行修改时,虽然改变了当前的url,但浏览器不会...原创 2019-11-25 23:24:03 · 84 阅读 · 1 评论 -
融云直播聊天室弹幕表情功能
//老板要求加入表情功能 看下文档emoji(){ var RongIMEmoji = RongIMLib.RongIMEmoji; var config = { size: 18, url: '//cdn.ronghub.com/emojis-hd.png?replace', // 传入服务器路径 /...原创 2019-09-18 17:42:54 · 817 阅读 · 0 评论 -
微信浏览器禁止上下拖动
document.body.addEventListener('touchmove', function(evt) { //In this case, the default behavior is scrolling the body, which //would result in an overflow. Since we don't want that, w...原创 2019-09-12 16:17:21 · 893 阅读 · 0 评论 -
forEach()和map()的区别和理解 (转载)
最近公司要求做 视频直播功能 附带聊天室 今天就来记录一下首先引进所需要的Js融云技术文档https://www.rongcloud.cn/docs/web.html#prepare由于融云的封装使用的是jquery 所以这里也用到了jquery,原本使用单html写的,但是因为跨域问题,所以选择了vue,融云直播所需要的参数// 从后端接口获取 var appInfo...转载 2019-09-04 00:07:16 · 173 阅读 · 0 评论