Vue2中v-html引发的安全问题
前言：v-html指令 1.作用：向指定节点中渲染包含html结构的内容。 2.与插值语法的区别： (1).v-html会替换掉节点中所有的内容，{{xx}}则不会。 (2).v-html可以识别html结构。 3.严重注意：v-html有安全性问题！！！！ (1).在网站上动态渲染任意HTML是非常危险的，容易导致XSS攻击。 (2).一定要在可信的内容上使用v-html，永不要用...
Hbuilderx+vue2+微信小程序 预览pdf
gotoPDF(pdfName) { uni.showLoading({ title: 'loading' }); wx.downloadFile({ url: `http://211.153.55.36:4426/${pdfName}.pdf`, // 服务器上的pdf文件地址 success: function(res) { const filePath = res.tempFilePath wx....
elementui + vue2实现表格行的上下移动
场景： 如上，要实现表格行的上下移动 实现： <el-dialog append-to-body title="条件编辑" :visible.sync="dialogVisible" width="60%" > <el-table :data="data1" border style="width: 100%"> <el-table-column type="index" label="序" width...
vue2项目从0搭建(三):配置环境变量及对应的webpack配置
前言 实际业务开发中,一个项目很可能会同时配置好几套环境。 比如:常规开发环境,开发测试环境,正式的测试环境,预发测试环境,客户甲的生产环境,客户乙的生产环境,通用生产环境,独立应用环境,微前端环境,大屏专用环境,移动端环境。 一女多嫁的实际业务场景,就需要我们进行多样化的环境配置。不同的环境需要有不同的一些标识,也要有一些不同的webpack配置或者资源优化。 vue-cli环境变量配置 在vue-cl...
vue2【组件的构成】
目录 1：什么是组件化开发 2：vue中的组件化开发 3：vue组件的三个组成部分 4：组件中定义方法，监听器，过滤器，计算属性节点。 5：template中只允许唯一根节点，style默认只支持css样式可开启less语法 1：什么是组件化开发 组件化开发就是指：根据封装的思想，把页面上可重用的UI结构封装为组件，从而方便开发和维护 2：vue中的组件化开发 vue是支持组件化开发的前端框架，vue中规...
vue2组件通信中的一些拓展(props,emit,ref父子双向传参)
说明 我上一篇文章中基本对vue所有的数据通信方法进行了一个整理归纳。 其实我并没有像传统的那样去罗列,比如父传子有props,ref,子传父为emit,兄弟用$bus等等。 因为在我的实际练习和业务开发中,props,emit,ref等可以实现父子数据互传,这里就涉及一个比较重要的编程思维,函数式编程。 当我们使用props传递一个函数呢,那么子组件调用这个函数时,将参数传入这个函数的调用,那么在父组件...
问题：vue2修改对象属性值，数据改变，但是页面视图不更新
目的：修改对象node的child属性的值，页面响应式变化 问题：数据是变了，但是页面没反应；在页面中用v-if绑定这个值，数据变了，视图也是不更新 错误写法： this.node.child = "" 正确写法： this.$set(this.node, "child", ""); 双向绑定的修改数据机制 我们使用v-if是一个双向绑定的过程 v-if:"isCommentShow[i]" vue对于...
问题：vue2+elementui，tabs切换显示表格并设置表格选中行高亮失败
错误示范： 1.直接setCurrentRow失败（this.currentRow是之前保存的表格当前选中行的数据） this.$refs.table.setCurrentRow(this.currentRow); 2.以为是表格没生成就执行了setCurrentRow导致设置不成功，所以使用了this.$nextTick，依旧失败 this.$nextTick(() => { this.$refs.t...
Vue3相对于Vue2的进步：更高级的路由管理器
标题：Vue3相对于Vue2的进步：更高级的路由管理器引言：随着前端技术的不断发展，Vue框架在近年来逐渐成为最受欢迎的前端框架之一。Vue3作为Vue2的升级版本，带来了诸多新的特性和改进，其中包括了一个更高级的路由管理器。在本文中，我们将探讨Vue3相对于Vue2在路由管理方面的进步，并通过代码示例进行展示。一、Vue2的路由管理器在Vue2中，我们通常使用vue-router库来实现路由管理。这个...
使用karma+mocha+webpack3搭建vue2单元测试环境步骤详解
这次给大家带来使用karma+mocha+webpack3搭建vue2单元测试环境步骤详解，使用karma+mocha+webpack3搭建vue2单元测试环境的注意事项有哪些，下面就是实战案例，一起来看一下。从网上找了很多例子关于单元测试，都是如何新建项目的时候的添加单元测试，用vue-cli中怎么添加，但是我的项目已经生成了，不能再一次重新初始化，这时如何添加单元测试，这里面遇到了好多坑，写在这里记...