我想使用刀片语法将用户名显示为 Markdown 编辑器的默认 textarea 值。
<textarea v-model="message">
{{ $detailsFromLaravelContoller }}
</textarea>
<div v-html="compiledMarkdown"></div>
Run Code Online (Sandbox Code Playgroud)
但是我正在为 textarea 使用 v-model 组件,它需要像这样声明带有空值的消息
window.onload = function()
{
var editor = new Vue({
el: '#editor',
data: {
message: '',
compiledMarkdown: marked('', { sanitize: true }),
},
watch: {
markdown: function () {
this.compiledMarkdown = marked(this.message, { sanitize: true })
}
},
methods: {
}
})
}
Run Code Online (Sandbox Code Playgroud)
这将使用laravel 变量的 value呈现屏幕。但是在页面加载后不久内容就消失了(因为我已经使用了 window.onload 我猜)。
另外我没有使用内联 VueJS。
PS:我是新来的都VueJS和Laravel和对降价的来源是在这里(的jsfiddle) …