vue.js中组件怎么监听到mutation值的变化

Question

我现在使用的vuex来管理状态
代码如下：

<template>
    <div id="lyric">
        <mt-button @click.native="getLyric">显示歌词</mt-button>
        <div class="lyric-panel">
            <input type="text" :value="audio.currentTime" @change="Talert">
            <div v-for="txt in lycs.txts" @>{{txt}}</div>
        </div>
    </div>
</template>

<script>
     import { mapGetters } from 'vuex'
    import axios from 'axios'
    export default{
        data(){
            return {
                lycs:{}
            }
        },
        computed:{
            ...mapGetters(['audio', 'audioLoadding', 'showPlayer', 'isPlay'])
        },
        methods:{
            Talert(){
                console.log("audio.currentTime");
            }

现在的问题是，<input type="text" :value="audio.currentTime" @change="Talert">可以正常获取到值，但是change事件不起作用，我该如何监听这个audio.currentTime的变化呢？

Answer 1

http://cn.vuejs.org/v2/guide/...

给计算属性加上setter 之后直接v-model

Answer 2

试过加上setter，并不管用

Answer 3

1. 使用v-model双向绑定audio.currentTime

2. 使用watch监听audio.currentTime的变化

3. 在监听函数中调用Talert