Vue相关使用

Vue相关使用

1. 遍历时可以将方法一起遍历（即可以有对应的方法）

v-for=“item in infoList”
:key=“item.name”
@click=“item.change()”

2.在同一个父组件中的子组件想要通信：
子组件内部：将要通信的方法emit到父组件，

open() {
      this.$emit("open");
    },

父组件中接收：

 <FixedNavigation @open="open" @open2="open2"></FixedNavigation>

通过 ref 为需要被调用的另一组件的方法赋予一个 ID 引用

<business-dialog ref="navigation"> </business-dialog>

父组件可以在方法中通过以下 在子组件FixedNavigation被点击open时 获取business-dialog组件的openDialog1并调用

open() {
      console.log(this.$refs.navigation, "this.$refs.navigation.");
      this.$refs.navigation.openDialog1();
    },

路由传值：

this.$router.push({
            path: `/landList/landDetail/${this.$route.query.id}`,
            query: this.$route.query,
          });