vue+Ant Design vue

目录

vue+Ant Design vue项目开发总结

 vue写动态数据

---

 

vue+Ant Design vue项目开发总结

 给数组添加属性

this.$set(datalist[i], 'content', '')

 点击编辑路由，直接获取数据，在接收方添加属性keepAlive

meta: { title: '主页', keepAlive: true }

 避免每次点击路由都重新加载所有内容

<keep-alive :include="cashViews"> <router-view/>
data () { 
    return { 
    cashViews: ['']
    } 
}

 table隔行换色

<s-table
      :rowClassName="setRowClassName"
    ></s-table>
 methods: {
  setRowClassName(record, index) {
      return index % 2 === 1 ? 'ant-table-row-twoe' : 'ant-table-row-once'
    }
 }

<style>
// 添加全局样式
.ant-table-row-once {
  background-color: #ffffff;
}

.ant-table-row-twoe {
  background-color: #fafafa;
}
</style>

 vue写动态数据

 v-for嵌套循环

1. 首先key是不能在<template>标签上绑定的，因为它不是实际被渲染到dom上的内容，只接受控制属性，所以key的绑定规范是绑定到<template>标签下一级的dom结构上，如果<template>标签下有多个同级节点，那么每一个同级节点都要绑定该<template>标签v-for中定义的变量的key；
2. vue建议不要用index作为key，相同key的项会复用，容易造成性能问题，最好使用id等唯一标识。