
vue
奥特蛋_mm
知识从未如此性感~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue弹窗添加拖拽功能
vue弹窗添加拖拽功能原创 2022-06-27 13:49:45 · 1489 阅读 · 0 评论 -
vue项目配置proxy反向代理
1、找到vue.config.js文件在项目根目录下查找是否有vue.config.js,如果没有则手动创建,内容如下:module.exports = { // devServer的配置 devServer: { // 自定义端口 port: 8888, // 自动打开浏览器 open: true, // 用于配置反向代理 proxy: { // 代理请求, 匹配所有以/api开头的请求 '/api': {原创 2022-05-05 16:02:21 · 1769 阅读 · 0 评论 -
element 日历组件应用相关的问题
element calendar组件修改按钮原生组件,添加按钮点击,日历仅显示本月,以今天为节点做样式区分原创 2021-12-11 16:56:01 · 3069 阅读 · 1 评论 -
vue动态设置audio的src无效
vue中动态绑定audio的src,播放无效,报错如下:<audio id="fixedAudio" ref="audio" :src="fixedSrc" />改用引入方式<tempalte><audio id="fixedAudio" ref="audio" :src="fixedSrc" /></template><script>import wav1 from '../../assets/audio/1.wav'expo原创 2020-06-02 11:18:02 · 2132 阅读 · 0 评论 -
vue登录权限管理
由浅入深,分析功能,实现功能。原创 2020-03-05 10:25:51 · 1499 阅读 · 0 评论 -
element使用el-dialog结合表单报错情况处理
1.情况描述:项目中使用了element中的el-dialog组件,在对话框中嵌套表单组件,新增编辑时调用,每次新增时 清空表单提交校验,每次编辑时不用 清空表单提交校验,第一次加载页面不报错,切换页面后再 加载组件报错,清空校验提示错误,为空。2.找了很久的问题终于找到了 原因,兄弟组件通信使用eventBus事件后没有及时关闭,在页面注销时记得手动关闭!兄弟组件通信...原创 2020-03-03 14:24:15 · 1491 阅读 · 0 评论 -
解决:Uncaught ReferenceError: regeneratorRuntime is not defined
现象:使用 ES7 的 async/await 时报错。解决方法:$ npm i --save-dev babel-plugin-transform-runtime在 .babelrc 文件中添加:“plugins”: [[“transform-runtime”,{“helpers”: false,“polyfill”: false,“regenerator”: true,“...原创 2019-10-24 17:26:56 · 277 阅读 · 0 评论 -
vue中语音长度随语音秒数而动态变化(动态设置div的样式)
功能需求:语音长度随语音秒数的长度而变化,需要动态设置div的宽度,这里用到 v-bind:stylev-bind:style的使用规则如下:通过v-bind:style动态设置div的样式,简写为 :style <div :style="{width: widthPercent+'%'}"> ... </div>使用computed计...原创 2019-10-21 14:01:32 · 1221 阅读 · 0 评论 -
vue中的防抖和节流(应用实例加分析,拒绝千篇一律)
函数防抖和节流本质都是为了优化性能,本文结合具体例子来简单明了的剖析,小白博主换个角度来分析和简单入手原创 2019-10-12 14:54:25 · 1960 阅读 · 0 评论 -
加载el-dialog中的子组件
加载el-dialog中的子组件,不是要在一开始就加载,而是使用到的时候再加载,获取不到的时候使用nextTick解决。原创 2019-08-30 10:13:23 · 5002 阅读 · 0 评论 -
vue中$set的使用
vue中视图更改主要依赖于数据的驱动,这是vue最大的特点,在vue的使用中,你只需更改数据,数据驱动会导致视图更新,而无需再手动去修改dom。原创 2019-08-22 10:46:53 · 1076 阅读 · 0 评论 -
vue插槽、具名插槽、作用域插槽
普通插槽、具名插槽和作用域插槽原创 2019-08-16 15:52:55 · 302 阅读 · 0 评论 -
computed和watch的全面分析
不同点触发条件不同 computed计算属性会依赖于使用它的data属性,只要是依赖的data属性值有变动,则自定义重新调用计算属性执行一次。watch则是在监控的data属性值发生变动时,其会自动调用watch回调函数。执行速度不同 computed计算属性的值是直接从缓存中获取,而不是重新编译执行一次,因而其性能要高一些,尤其是在data属性中的值无变化,而重复调用compute...原创 2019-04-19 15:06:30 · 329 阅读 · 0 评论 -
vue项目中vue-router的使用
1.安装npm install vue-router2.引入import Vue from ‘vue’import VueRouter from ‘vue-router’Vue.use(VueRouter)3.使用1.router文件夹下的index.js,以下为基本代码import Vue from 'vue'import Router from 'vue-router'V...原创 2020-03-03 09:00:46 · 438 阅读 · 0 评论 -
Vue中 v-on v-bind和 v-model
v-onv-on用于事件绑定,缩写@< button v-on:click=“handleClick”>提交</ button>< button @click=“handleClick”>提交</ button>v-bindv-bind用于属性绑定,缩写 :如例:< img v-bind:src=“imgUrl”/><...原创 2019-07-26 16:09:20 · 914 阅读 · 0 评论 -
vue-seamless-scroll使用中遇到关于click的问题
使用vue-seamless-scroll实现数据无缝连续滚动基本原理是把要滚动的部分复制一份,滚动这两部分相同的内容,进而实现无缝连续滚动遇到的问题当ul1中的数据未滚动完,此时可见区域内一部分数据为ul1,一部分数据为ul2,ul2 部分的click事件不起作用,无法实现功能简单分析第二部分无法操作和js的运行机制有关,需要重新绑定事件,具体原理也是一知半解,但是大致感觉问题是由...原创 2019-06-28 18:15:26 · 10440 阅读 · 14 评论 -
webstorm配置 eslint语言检查
1.设置settings>>language&frameworks>>javascript>>code quality tools>>eslint 选中enable ,configuration file 设置 选中eslintrc.js2.安装>npm i eslint-plugin-vuefix -g 插件3.eslintrc...原创 2019-06-25 13:52:26 · 917 阅读 · 0 评论