Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Vuetify,工具提示:什么是;关于;及;attrs";对于_Vue.js_Tooltip_Vuetify.js - Fatal编程技术网

Vue.js Vuetify,工具提示:什么是;关于;及;attrs";对于

Vue.js Vuetify,工具提示:什么是;关于;及;attrs";对于,vue.js,tooltip,vuetify.js,Vue.js,Tooltip,Vuetify.js,我在Vuetify文档中查找了“工具提示”,发现了以下示例: <v-tooltip left> <template v-slot:activator="{ on, attrs }"> <v-btn color="primary" dark v-bind="attrs" v-on="on" >Left</v-b

我在Vuetify文档中查找了“工具提示”,发现了以下示例:

<v-tooltip left>
  <template v-slot:activator="{ on, attrs }">
    <v-btn
      color="primary"
      dark
      v-bind="attrs"
      v-on="on"
    >Left</v-btn>
  </template>
  <span>Left tooltip</span>
</v-tooltip>

<>我可以解释一下这意味着什么,但是我认为这段视频解释得更好,我让你看它解释Von和Tabs

的作用的时间。 只需查看透明包装部分

摘要

v-on:绑定一系列侦听器函数

更多信息请访问:

$attrs:存储父组件中设置的属性,您可以在内部组件中重用它们

更多信息请访问:

除了视频中显示的内容外,您还可以找到其他用法,但透明包装是一种常见的用法

<v-tooltip bottom>
  <template v-slot:activator="{ on }">
    <v-btn v-on="{...on, click: onToggle }" icon>
      <v-icon>mdi-eye</v-icon>
    </v-btn>
  </template>
  Show password
</v-tooltip>