KnifeBlade的博客

        vue提倡的是在方法中只有对数据的处理，所以提供了事件修饰符用于DOM的事件处理，常用的事件修饰符有以下几个：（１）. stop：阻止冒泡（通俗讲就是阻止事件向上级DOM元素传递）                        点击内层div的结果：                                            点击外层div的结果：            ...

        官网的解释：                你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。        通俗点讲：就是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加'. native'事件是无法触  发的。                            此时点击页面中的按钮无任何反应。    ...

        element-ui官网中关于行合并的例子是根据行号进行合并的，这显然不符合我们日常开发需求，因为通常我们table中的数据都是动态生成的，所以需要做一些修改。我们首先解读一下官网实例中的各参数的意义：objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0...

        工作中遇到一个需求：在页面中设置一个提交页面反馈的按钮，用户点击该按钮时在弹出的dialog中可以填写反馈内容，填写完毕点击确定关闭弹窗时捕获当前浏览器窗口中的内容生成图片，用于记录页面中的当前状态，后台将用户填写的内容及生成的图片存入数据库供运维人员查看。经过查阅资料大概的思路分为一下几种：        1、使用java中的Robot类，实现过程如下：           ...

              &amp

（一）条件渲染：v-if 与 v-show：          两者均用于条件渲染，都可以与”v-else”搭配使用。区别在于使用” v-if “时，如果条件不满足，被” v-if “包裹的元素不会进行初始化，即DOM结构中没有插入该标签包裹的部分；而使用

vue中路由跳转通常使用"this.$router.push(path)"或者<router-link>实现，下面主要说一下各方式如何在跳转的过程中传递参数。router.js配置: { path: '/test', name: 'test', component: () => import('@/views/test') }一、this.$router.push(...

   后台管理系统中根据用户权限显示不同菜单是很基础的需求，使用vue开发通常我们是遍历路由（this.$router.options.routes)生成用户菜单，vue中提供了addRouter()方法用于动态挂载路由，我们可以根据用户权限结合该方法实现用户路由动态生成。代码如下：（1） router.js：该文件中初始化一个VueRouter对象，并挂载一些...