weixin_43254676的博客

vue弹窗添加拖拽功能

1、找到vue.config.js文件在项目根目录下查找是否有vue.config.js，如果没有则手动创建，内容如下：module.exports = { // devServer的配置 devServer: { // 自定义端口 port: 8888, // 自动打开浏览器 open: true, // 用于配置反向代理 proxy: { // 代理请求， 匹配所有以/api开头的请求 '/api': {

element calendar组件修改按钮原生组件，添加按钮点击，日历仅显示本月，以今天为节点做样式区分

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

由浅入深，分析功能，实现功能。

1.情况描述：项目中使用了element中的el-dialog组件，在对话框中嵌套表单组件，新增编辑时调用，每次新增时 清空表单提交校验，每次编辑时不用 清空表单提交校验，第一次加载页面不报错，切换页面后再 加载组件报错，清空校验提示错误，为空。2.找了很久的问题终于找到了 原因，兄弟组件通信使用eventBus事件后没有及时关闭，在页面注销时记得手动关闭！兄弟组件通信...

现象：使用 ES7 的 async/await 时报错。解决方法：$ npm i --save-dev babel-plugin-transform-runtime在 .babelrc 文件中添加：“plugins”: [[“transform-runtime”,{“helpers”: false,“polyfill”: false,“regenerator”: true,“...

功能需求：语音长度随语音秒数的长度而变化，需要动态设置div的宽度，这里用到 v-bind:stylev-bind:style的使用规则如下：通过v-bind:style动态设置div的样式，简写为 :style <div :style="{width: widthPercent+'%'}"> ... </div>使用computed计...

函数防抖和节流本质都是为了优化性能，本文结合具体例子来简单明了的剖析，小白博主换个角度来分析和简单入手

加载el-dialog中的子组件，不是要在一开始就加载，而是使用到的时候再加载，获取不到的时候使用nextTick解决。

vue中视图更改主要依赖于数据的驱动，这是vue最大的特点，在vue的使用中，你只需更改数据，数据驱动会导致视图更新，而无需再手动去修改dom。

普通插槽、具名插槽和作用域插槽

不同点触发条件不同  computed计算属性会依赖于使用它的data属性，只要是依赖的data属性值有变动，则自定义重新调用计算属性执行一次。watch则是在监控的data属性值发生变动时，其会自动调用watch回调函数。执行速度不同  computed计算属性的值是直接从缓存中获取，而不是重新编译执行一次，因而其性能要高一些，尤其是在data属性中的值无变化，而重复调用compute...

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...

v-onv-on用于事件绑定，缩写@< button v-on:click=“handleClick”>提交</ button>< button @click=“handleClick”>提交</ button>v-bindv-bind用于属性绑定，缩写 ：如例：< img v-bind:src=“imgUrl”/>&lt...

使用vue-seamless-scroll实现数据无缝连续滚动基本原理是把要滚动的部分复制一份，滚动这两部分相同的内容，进而实现无缝连续滚动遇到的问题当ul1中的数据未滚动完，此时可见区域内一部分数据为ul1，一部分数据为ul2,ul2 部分的click事件不起作用，无法实现功能简单分析第二部分无法操作和js的运行机制有关，需要重新绑定事件，具体原理也是一知半解，但是大致感觉问题是由...

1.设置settings>>language&frameworks>>javascript>>code quality tools>>eslint 选中enable ,configuration file 设置 选中eslintrc.js2.安装>npm i eslint-plugin-vuefix -g 插件3.eslintrc...