Search for a command to run...
Articles tagged with #vue2
从爷爷属性和方法到孙子组件，$attrs $listeners，比较好用。 $attrs 把父组件中所有自定义属性收集起来。 $listeners把父组件绑定到所有自定义方法收集起来。 provide，inject用起来也非常简单。可以把祖父的属性传递给重孙。可以跨组建传值。 <!-- index.vue --> <template> <div> <div class="details"> <h1>父组件---{{msg}}</h1> <myComponen...
<!-- input-number/index.vue --> <template> <div class="container"> <r-input v-model="inputValue" center :disabled="disabled" @change="handleChange" > <template v-slot:prepend> <div @click="handleClick('decrease')" clas...
<template> <!-- symbol 的形式 --> <svg class="icon" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg> </template> <script> // https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code // 搜索 symbol ...
<!-- VSlotWomo.vue --> <template> <div> <child> <!-- 作用域插槽是什么呢？就是子组件提供数据，父组件拿来用， 父组件可以决定数据如何显示，以什么形式显示 --> <template v-slot:dd="{por}"> <div style="color: blue;">子组件提供的数据是{{ por }}</div> </template> </child> </div> </templat...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css"> <title>Document</title> <...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> const callbacks = [] let pending = false function flushCallba...