naiveboom/public/javascripts/view.js

Vue.component('vue-easymde', VueEasyMDE.VueEasyMDE)
// 查看消息需要用到的JS
app = new Vue({
	el: '#app',
	data: {
		status: -1,
		text: null,
	},
	mounted: function() {
		// 从URL获取GUID，然后透过POST获取消息
		var guid = reg_guid.exec(window.location.href)[0];
		axios.post('/api/get-msg', {
			guid: guid
		}).then(function (response) {
			var data = response.data;
			app.status = data.status;
			app.text = data.text;
		}).catch(function (error) {
			throw error;
			alert('发生错误！')
        });
    },
    watch: {
        status(newVal) {
            if (newVal !== 1) return;
            // 获取成功，等待装载并设定编辑器状态
            this.$nextTick(() => {
                var easyMDE = this.$refs.preview.getMDEInstance();
                easyMDE.togglePreview();
                easyMDE.codemirror.setOption('readOnly', true);
            });
        },
    },
});