Buefy Timepicker观察变化

时间:2019-05-28 07:28:54

标签: vue.js buefy

早上好。 我的时间选择器有问题。 如果我使用“清除”或“现在”按钮,但在选择时间时不起作用,则可以使用。这似乎始于最近的更新。

https://codepen.io/anon/pen/JqBKGE?&editable=true&editors=101

<div id="app" class="container">
    <textarea style="width: 100%;" readonly>{{ time }}</textarea>

    <b-field label="Select time">
        <b-timepicker v-model="time"
                      inline
                      placeholder="Click to select...">

            <button class="button is-primary"
                    @click="time = new Date()">
                <b-icon icon="clock"></b-icon>
                <span>Now</span>
            </button>

            <button class="button is-danger"
                    @click="time = null">
                <b-icon icon="close"></b-icon>
                <span>Clear</span>
            </button>
        </b-timepicker>
    </b-field>

</div>

JS

const example = {
    data() {
        return {
            time: new Date()
        }
    },
    watch: {
        time: {
            handler: function() {
                console.log(this.time);
            }
        }
    }
}


const app = new Vue(example)

app.$mount('#app')

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

似乎是笨拙的Timepicker的问题 https://github.com/buefy/buefy/issues/1418

编辑:此问题已在Buefy 0.7.7版中修复