小编Pra*_*mar的帖子

带有 VueJS 和 Laravel 的 Textarea v-model 初始值

我想使用刀片语法将用户名显示为 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) …

laravel vue.js v-model

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

laravel ×1

v-model ×1

vue.js ×1