vue动态绑定指令以及动态传参

最新推荐文章于 2023-08-18 16:57:00 发布

素人猕猴涛

最新推荐文章于 2023-08-18 16:57:00 发布

阅读量824

点赞数

分类专栏： vue基础文章标签： vue

本文链接：https://blog.csdn.net/qq_44052087/article/details/127867914

版权

vue基础专栏收录该内容

20 篇文章 0 订阅

订阅专栏

应用场景：用于页面中根据不同的返回值进行事件的触发和值的传参。

<child @[someEvent]="handleSomeEvent()" :[someProps]="1000" />
//写法就是@后面绑定的事件和:后面绑定的值是通过三元运算符判断的，也就是根据type判断它到底绑定哪个事件或是哪个值
data(){
    return{
      someEvent: type ? "click" : "dbclick",
      someProps: type ? "num" : "price"
    }
  },
  methods: {
    handleSomeEvent(){
      // 业务逻辑
    }
  }