Как получить доступ к v-модели в vue -class-component - PullRequest
2 голосов
/ 16 января 2020

Я хочу использовать новый синтаксис Vue из https://github.com/vuejs/vue-class-component. К сожалению, у меня проблемы с доступом к значению, которое передается с v-model. Вместо этого я могу объявить свойство @value для передачи значения, но это кажется немного противоречивым, учитывая, что в моей кодовой базе существует множество вариантов использования v-model.

<template>
    <div>
        {{value}}
    </div>
</template>

<script lang="ts">
import Vue from "vue"
import Component from "vue-class-component"
import { Prop } from "vue-property-decorator"

@Component
export default class Display extends Vue {
    @Prop() value!: string
    // lifecycle hook
    mounted() {alert("The value is " + this.value)}
}
</script>

Доступ к текущему коду можно получить с помощью:

<Display :value="myVar"/>

Я хочу получить доступ через:

<Display v-model="myVar"/>
...