smouns_的博客

Element-UI提供了分页器的两个方法，handleSizeChange和handleCurrentChange，然而在实际使用中，却发现再切换页面展示数量的时候，会出现一些BUG， 页面刷新了，高亮页码却还是上次选择的页面。可以用以下方法解决；在你的项目页面，你点击了分页按钮查看了后面页面的数据，然后变更了查询条件，查询了新的数据时，分页显示器上面还停留在上一次翻页的记录上面，而没有重置到第一页。1.最简单粗暴的手法，就是利用DOM渲染，刷新整个组件，这样，就模拟恢复到第一页的状态。

基于elementui二次封装message提示

在js文件中访问vue原型上绑定的方法属性等

下拉框定位错误

vue中页面跳转白屏

封装table组件

前端面试题

vue中利用el-dialog实现video播放视频

web页面国际化，web页面中英文切换，vue项目国际化----------vue-i18n详细用法

vue组件之间通信(provide/inject与$attrs/$listeners)

利用前端技术 生成二维码

在使用vue框架时,常常会出现一种状况,修改了对象数据,但是视图没变由于 JavaScript 的限制，Vue 不能检测对象属性的添加或删除,因为Vue 会在初始化实例时对属性执行 getter/setter 转化，所以属性必须在data上存在才能让 Vue 将它转换为响应式的。所以此时就需要解决此类问题1.可以使用$set方法,来向对象添加响应式属性 语法: this.$set(对象,属性名,修改后的值)但是此方法,有一个不是很友好的地方,就是你得知道是哪个数据出现了问题,...

作用：打印指定dom使用： 安装 yarn add vue-print-nb (npmi vue-print-nb) 插件 导入 在main.js导入 import Print from 'vue-print-nb' 注册 Vue.use(Print) 使用 在指定dom加上id id=‘xxx‘ 在按钮上输入该指令 v-print="{id:'xxx'}" 需求:只打印页面中这部分信息...

elementUI中dialog踩坑(首次渲染问题)

导入excel文件数据,进行处理

Render是使用js的完全编程能力来渲染页面，即用js来构建DOM.

vue的基本指令自定义指令另一种方式,往往在实际工作中,自定义的指令会比较多,抽离成一个单独的文件,再全局注册,此时需要用到循环注册(同样适用与过滤器)代码如下:// 导入自定义指令文件src/directives/index.js中import directiveJs from '@/directives'// 全局注册 自定义指令// 遍历 文件导入的 对象// 方式一:for循环// for (const k in directiveJs) {// Vue.direc

在vue-router单页面应用中，路径之间的切换，实际上就是组件的切换

默认情况下，通过import语法导入的第三方依赖包，最终会全部打包到一个js文件中，会导致单文件体积过大大，在网速底下时会阻塞网页加载，影响用户体验。打包优化的目的:1、项目启动速度，和性能2、必要的清理数据3、减少打包后的体积第一点是核心，第二点呢其实主要是清理console性能优化的主要方向: 路由懒加载 去除生产版console.log的打印输出 开发版使用依赖项，生产版使用在线CDN 项目打包及配置 1.异步组件配置(路由懒加载)

组件的存在,如同封装了一个函数,亦或创建了一个可以实现些许功能的包一样,都有复用,维护,以及避免了变量的污染等好处.对于组件来说,封装了是一整套,包括html,css,js,实现的是一套完整的复用,为了方便修改组件的内容,但是又可以实现不一样的效果,则出现了Vue组件之间的通信,以下首先讲诉最普通的几种通信方式,先熟悉学习起来吧.1.父组件 -----> 子组件 传值首先:判定清楚什么是父组件,什么是子组件?父: 使用其他组件的vue文件子: 被引入的组件(嵌入)...

hash模式：1、url路径会出现 # 字符2、hash值不包括在 HTTP 请求中，它是交由前端路由处理，所以改变hash值时不会刷新页面，也不会向服务器发送请求3、hash值的改变会触发hashchange事件history模式：1、整个地址重新加载，可以保存历史记录，方便前进后退2、使用 HTML5 API（旧浏览器不支持）和 HTTP服务端配置，没有后台配置的话，页面刷新时会出现404如果vue-router使用history模式，部署时要注意什么？HTTP 服务端需要进行

跟随时代的浪潮,把vue这个渐进式JavaScript框架,熟悉使用起来吧

1.在vscode中下载插件(如下)2.配置vscode，找到设置，搜索setting.json后进行更新为以下配置：3.配置如下:{ "workbench.colorTheme": "Default Dark+", "editor.fontSize": 14, "workbench.editor.enablePreview": true, //预览模式关闭 "editor.formatOnSave": true, // #每次保存的时候自动格式..

vue组件之间通信传值(ref)

Vue.use()的作用是通过全局方法 Vue.use() 使用插件插件通常用来为 Vue 添加全局功能，可以通过全局方法 Vue.use() 使用插件，而且它需要在你调用 new Vue() 启动应用之前完成注册全局组件plugin.js 代码如下：// object --- 对象中包含install方法const plugin1 = { install(vue, options){ console.log("带有install方法的对象"); c

利用Vue操作DOM的基础用法 (基础案例)其中,用到很多数组的方法,不熟悉可以参考另一篇:数组的方法大全利用到的技术:1.下包 (yarnadd包名 或者npmi 包名)2.Vue的各种基本的指令:Vue指令 基础用法1.创建项目前期的准备 (暂时不需要用到组件文件,可删除) 1.1创建项目: 终端中 执行命令 vue create 项目名vue create vuecli-demo 1.2启动项目: 根据命...