![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
vue
Feng、锋
CV攻城狮╮(╯▽╰)╭
展开
-
vue 签名组件
[github地址](https://github.com/JaimeCheng/vue-esign)yarn add vue-esign原创 2022-01-13 10:48:48 · 334 阅读 · 0 评论 -
vue input在焦点处添加内容
insertInputTxt(insertTxt, ref = "textarea") { var aInput = this.$refs[ref].$el; // 如果使用的是组件输入框需要添加.$el var startPos = aInput.selectionStart; var endPos = aInput.selectionEnd; if (startPos === undefined || endPos === undefined) return; var txt = a原创 2022-01-10 11:15:02 · 837 阅读 · 0 评论 -
d3 svg绘制 ECG心电图网格 耗时<10ms
d3 svg绘制 ECG心电图网格 耗时<10ms原创 2022-01-07 16:00:37 · 1324 阅读 · 0 评论 -
d3 zoom 抖动解决方案
// 思路是 zoom方法在svg上面,transform在svg下面的g上// svg 是d3创建的svg元素this.g = svg.append("g");svg.call( d3 .zoom() .scaleExtent([0.5, 3]) .on("zoom", (e) => { if (this.is_zoom) { this.g.attr("transform", e.transform); } }));原创 2022-01-07 15:50:06 · 603 阅读 · 0 评论 -
vue web页面 适配 vw
yarn add postcss-px-to-viewport -D// postcss.config.js 下module.exports = { plugins: { // 行内样式不支持转换 'postcss-px-to-viewport': { unitToConvert: 'px', // 需要转换的单位,默认为"px" viewportWidth: 1920, // 设计稿的视口宽度 unitPrecision: 2, // 单位转换原创 2021-12-07 15:24:10 · 526 阅读 · 0 评论 -
Vue面试题
1. 什么是MVVM?MVVM是是Model-View-ViewModel的缩写,Model代表数据模型,定义数据操作的业务逻辑,View代表视图层,负责将数据模型渲染到页面上,ViewModel通过双向绑定把View和Model进行同步交互,不需要手动操作DOM的一种设计思想2. 怎么定义vue-router的动态路由?怎么获取传过来的动态参数?在router目录下的index.js文件中...原创 2020-02-18 15:15:44 · 96 阅读 · 0 评论 -
简单实现Vue的双向绑定原理
需要用到 Object.defineProperty<body> 手写一个简单双向绑定<br /> <input type="text" id="model" /><br /> <div id="modelText"></div> </body> <script> var user = {} var defaultName = '你好,Vue' var m原创 2020-09-16 09:22:47 · 118 阅读 · 0 评论 -
Vue3.0官方文档
Vue3.0 中文文档地址https://v3.cn.vuejs.org/原创 2020-09-22 14:11:02 · 26015 阅读 · 1 评论 -
vue ip input 组件
<template> <ul class="ipAdress"> <li v-for="(item, index) in ipAddress" :key="index"> <input ref="ipInput" v-model="item.value" type="text" class="ipInputClass" @input="checkIpVal(ite原创 2021-10-13 16:18:34 · 476 阅读 · 0 评论 -
vue moment实现两个时间的长度 hh:mm:ss
diffTime(update_date) { const duration = moment.duration(moment(Date.now()).diff(update_date)); const hours = `${duration.hours() < 10 ? 0 : ""}${duration.hours()}`; const minutes = `${duration.minutes() < 10 ? 0 : ""}${duration...原创 2021-10-09 13:41:13 · 579 阅读 · 0 评论 -
vue input去除前后空格,v-model修饰符
v-model.trimv-model后面添加.trim即可原创 2021-05-12 10:53:20 · 1023 阅读 · 0 评论 -
Form表单验证规则 rules
参数说明类型默认值enum枚举类型stringlen字段长度numbermax最大长度numbermessage校验文案stringReactNodemin最小长度numberpattern正则表达式校验RegExprequired是否必选booleanfalsetransform校验前转换字段值function(value) => transformedValue:anytype...原创 2021-05-13 16:22:14 · 4199 阅读 · 0 评论 -
vue 搜索关键字,关键字标红
vue 使用v-html <ul v-for="item in list" :key="item"> <li v-html="item.info" /> </ul> this.voice_result.map(e=>{ if (this.red_text) { // 匹配关键字正则 let replaceReg = new RegExp原创 2021-09-17 14:48:14 · 1017 阅读 · 0 评论 -
vue-cli ant-design-vue 定制主题
项目根目录下新建文件vue.config.js// vue.config.js for less-loader@6.0.0module.exports = { css: { loaderOptions: { less: { lessOptions: { // If you are using less-loader@5 please spread the lessOptions to options directly mod原创 2021-08-12 15:24:48 · 281 阅读 · 0 评论 -
vue 孙组件向父组件传值$listeners
vue中孙组件向父组件传递1.一层层传递 (不推荐,一层层传递太麻烦)2. 使用vuex (如果只是单纯的传递,也不是很推荐使用)3. 使用bus事件总线(但是vue3中已删除vue的事件总线)4.使用 $listeners`v-on="$listeners"` // 在各级组件上添加即可...原创 2021-08-30 17:08:18 · 649 阅读 · 0 评论