[Vue 警告]：属性或方法“v”未在实例上定义，但在渲染期间被引用

Question

这是我的组件。 el.focus() 插入时确实有效，但我在控制台上得到了[Vue warn]: Property or method "v" is not defined on the instance but referenced during render。 如何解除警告？

<script>
  export default {
    directives: {
      focus: {
        inserted (el) {
          el.focus()
        }
      }
    }
  }
</script>

<style lang="stylus" scoped>
  input
    width: 300px
    height: 30px
    border: 1px solid #000
</style>

<template lang="jade">
  div
    input(v-focus)
</template>

Answer 1

据我所知，当您将空属性传递给jade 时，它​​在纯HTML 中解释为attribute="attribute"。在您的情况下，实际的 HTML 是 v-focus="v-focus"，vue 将其解释为使用不存在的属性 v 的表达式。

您可以尝试input(v-focus="true")，因为传递给该指令的值并不重要。