美文网首页
VUE开发中知识点汇总

VUE开发中知识点汇总

作者: muroujue | 来源:发表于2018-06-15 09:55 被阅读0次
1. 深度作用选择器

https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html

<style scoped lang="scss" >
.container{
  /deep/ .link{   //.link是v-html中的标签样式 或者 子组件中的样式
    color:blue
  }
}
</style>
2. 在方法中访问原始的 DOM 事件,使用特殊变量 $event 把它传入方法:
<button v-on:click="warn('Form cannot be submitted yet.', $event)">
  Submit
</button>

// ...
methods: {
  warn: function (message, event) {
    // 现在我们可以访问原生事件对象
    if (event) event.preventDefault()
    alert(message)
  }
}

相关文章

网友评论

      本文标题:VUE开发中知识点汇总

      本文链接:https://www.haomeiwen.com/subject/umspeftx.html