vue边用边记

1. 循环一个标签

普通：

使用v-for

    


  ...
  export default {

  name: 'DbTbl',
  data () {
    return {
      datas: [
        {
          'label': 'Hive库',
          'name': '0'
        },
        {
          'label': 'Hive表',
          'name': '1'
        }
      ]
    }
  },

其中，datas是返回的数据，label和name加: ,双向绑定值

---

2. this.router

注意：$不能少，没有$将视为定义的普通变量
router 是全局的，如history等查询
route是局部的

 console.log(this.$route)
 console.log(this.$router)

image.png

大神用的tab页跳转方法：

而我根据$route拼接出来的方法：

我的在单页面可以用

---

3. 表格如何加字dom

原表格：

加子dom：

原来的name值，现在为scope.row.name

4. 子路由在兄弟间跳转，父tab激活问题

我们将父vue用以下代码表示。
我们全部围绕 this.$route来进行匹配路由。

5. @click问题

@click可以加参数，或者不加

{{ scope.row.name }}

{{ scope.row.name }}

都是可以的。

6. 路由两种方式传参

https://www.cnblogs.com/toonezhr/p/10325457.html