[Vue warn]: свойство или метод «v» не определен в экземпляре, но на него ссылаются во время рендеринга

Question

[Vue warn]: свойство или метод «v» не определен в экземпляре, но на него ссылаются во время рендеринга

1

это мой компонент. 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>

Pickcle Xiao 13 июнь 2017, в 06:04

Источник

Теги:

javascript

vue.js

pug

1 ответ

Ещё вопросы

Luis Orduz · Accepted Answer · 2017-06-13T01-36-00.000Z

Когда вы передаете пустой атрибут jade, насколько я знаю, то, что он интерпретирует в простом HTML, является attribute="attribute". Фактическим HTML в вашем случае является v-focus="v-focus", который vue интерпретирует как выражение с использованием свойства v, которое не существует.

Вы можете попробовать input(v-focus="true") так как на самом деле не имеет значения значение, переданное этой директиве.

Большое спасибо. Я попробовал input(v-focus="")
Это сработало? Если это так, вы можете принять ответ.
Я печатаю binding аргумент во inserted функции. Затем я нахожу: когда мой код input(v-focus) , binding.expression является v-focus . когда мой код input(v-focus) , привязка не имеет свойства expression , и предупреждение исчезает