HVENLY的博客

最近遇到一个需求，需要实现多级合并单元格，在此记录一下。1.需求需要得到如下所示的表格：后端给的数据如下：tableData6: [ { id: "1", config_name: "配置名称", name: "商品名称1", config_id: "配置id", project_id: "一级项目id1", project_name: "一级项目名称", .

目录一、定义二、父组件向子组件传值三、子组件向父组件传值四、总结一、定义何为父子组件？二、父组件向子组件传值通过props三、子组件向父组件传值四、总结

在开发过程中，我们可能会遇到如下情况：A页面跳转至B页面时，传递了路由参数一起，而在B页面 B页面通过A页面跳转至B页面时携带的参数进行判断，但是在B页面中

本篇文章用于介绍Vue中常用的指令目录一、指令定义二、常用指令1.v-cloak2.v-bind:3.v-on4.v-if和v-show一、指令定义1.指令里除了放变量，还可以放表达式2.指令都是v-开头的二、常用指令1.v-cloak1.定义：用于解决小型简单的vue项目的闪烁问题，大型、工程化的项目中（webpack、vue-router）只有一个空的 div 元素，元素中的内容是通过路由挂载来实现的，这时我们就不需要用到 v-cloak 指令咯。2.实现原理：1）当dom渲染完，.

目录1.Mustache语法 {{}}2.v-text3.v-html4.v-once5.v-pre1.Mustache语法 {{}}1.定义：可以是写在data里的一个属性，也可以是写在methods中的一个方法，作用：将数据添加到view上，并不覆盖。2.使用{{属性名}}或{{方法名()}}3.例子<div>{{message}}</div><div>{{message}}可耐！</div><div>{{getMessge(me

该篇文章主要讲了Vue中渲染数据的第6和第7种方式，即v-model和v-for这两种方式。其余5种方式请点击Vue学习笔记 - 页面数据渲染的方式（一）进行查看目录6.v-model7.v-for6.v-model1.定义：唯一的一个可以实现双向数据绑定的指令，单向数据只能：v-m或m-v，而双向绑定v变m就变，m变，v就变2.作用元素：只有表单类元素能被v-model渲染3.原理：v-model实际上是一个语法糖，它的本质包含两个操作1）v-bind：绑定一个value属性，实现m变v变.

Vue.nextTick( [callback, context] )方法在页面元素加载完成之后，执行里面的方法this.$nextTick(()=>{ //元素加载完成后执行的代码});

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。目录一、绑定Class1.对象语法2.三目运算符语法3.数组语法二、绑定Style1.对象语法2.数组语法3.自动添加前缀一、绑定Class1.对象语法.