最近项目中在做表单的时候，需要自动滚动到评论框，并且让评论框自动聚焦，这就需要手动触发输入框的 focus 状态。但是，element并不支持autofocus属性，那就只能通过原生的js效果获取聚焦效果了document.getElementById("input").focus();或者利用vue的ref属性也可以实现聚焦效果：原理其实很简单，Element 已经提供了 focus...

element关于table拖拽排序问题

require.context 简介一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块/*1. directory {String} -读取文件的路径2. useSubd

前端与flutter的交互相对于原生app更简单，这里做下记录，以便下次使用：//* @param {Object} objVal 要传递的数据let objVal = {}objVal = JSON.stringify(objVal)window[funcName].postMessage(objVal)没错，就是这么简单，顺便贴一下原生的交互吧：methods: {match () {cons

启用proxy代理，并在axios配置文件中根据开发环境配置请求，这样在开发环境中可以正常请求，但是在生产环境中由于直接请求，浏览器会进行预请求OPTIONShttp预请求options,这是浏览器对复杂跨域请求的一种处理方式,在真正发送请求之前,会先进行一次预请求,就是我们刚刚说到的参数为OPTIONS的第一次请求,他的作用是用于试探性的服务器响应是否正确,即是否能接受真正的请求,如果在opti

一、Vue组件的功能能够把页面抽象成多个相对独立的模块实现代码重用，提高开发效率和代码质量，使得代码易于维护二、Vue组件封装过程建立组件的模板，定义通用样式，考虑组件的基本逻辑。准备组件的数据输入。即分析好逻辑，定好 props 里面的数据、类型。准备组件的数据输出。即根据组件逻辑，做好要暴露出来的方法。封装完毕，在父组件中直接调用即可。三、Vue组件封装要点做好父组件与子组件的数据传输，保证数

Object.freeze优化长列表Object.freeze()方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。对于data()或vuex中冻结的对象，vue不会做getter和setter的转换。因此对于一个不变的、大数据量的数组或Object数..

在使用Vue框架开发时，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值解决：1.this.$set(object,name,value)set(object ,name ,value)set(object,name,value)2.this.$forceUpdate()forceUpdate()forceUpdate()注：forceUpd...

前言1.Vue.extend()使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象.vue单文件经过webpack打包之后是一个组件示例对象，因此可以传到Vue.extend中生成一个包含此组件的类2.new VueComponent().$mount()new VueComponent() 创建实例，调用$mount()可以手动编译如果.$mount(’#app’)有参数，

通过执行npm run preview – --report来分析webpack打包之后的结果，观察各个静态资源的大小。可以发现占用空间最多的是第三方依赖。如vue、element-ui、 ECharts等。你可以使用 CDN 外链的方式引入这些第三方库，这样能大大增加构建的速度(通过 CDN 引入的资源不会经 webpack 打包)。如果你的项目没有自己的CDN服务的话，使用一些第三方的CDN.