首页 > 其他 > 详细

vue 采坑

时间:2018-04-22 11:19:08      阅读:211      评论:0      收藏:0      [点我收藏+]

1.ref

在父组件中访问子组件实例,或者直接操作DOM元素时需要ref

<input ref="ipt">

通过this.$refs.ipt 得到此input

$refs是非响应式的,不应该在模板中做数据绑定

2.自定义事件

$on  $emit

<!--使用v-on在html中监听-->
<my-component v-on:test="callbackFun"></my-component>
<script>
//直接用$on监听
vm.$on(‘text‘,function(){})
</script>

3.跳过css检测

对于只使用js过度的元素使用v-bind:css = "false" 跳过vue对css的检测

4.自定义组件

自定义组件的名字不能用html关键字或者候选字,不然会被当成html元素来解析

5.子组件通过按钮调用父组件定义的方法

父组件:

<p @childBtn = "ServiseList"></p>

methods:{

 ServiseList(){

  router.push({

    name:‘search‘,

    params:this.ListParameter

  })

  } 

}

子组件:

<button type="button" @click="commonality"></button>

methods:{

  commonality(){

    this.$emit("childBtn ")

  }

}

vue 采坑

原文:https://www.cnblogs.com/wong-do/p/8905873.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!