我正在尝试在我的网站中插入这样的东西:https://v2.vuejs.org/v2/examples/
在他们的示例中,html 如下所示:
<div id="editor">
<textarea :value="input" @input="update"></textarea>
<div v-html="compiledMarkdown"></div>
</div>
我的烧瓶形状看起来像:
<form method="POST" action="{{ url_for('edit',itemid=item.id) }}" id="text-input">
{{ form.csrf_token }}
<div style="margin-left:30px;margin-top:20px;">
Title: {{ form.title }}
</div>
<br/>
Content: {{ form.content(cols="80", rows="50", id='larger')|safe }}
<br/>
Category: {{ form.category|safe }}
<br/>
<input type="submit" value="Save">
</form>
所以不知何故我需要更改行Content: {{ form.content(cols="80", rows="50", id='larger')|safe }}
以指示它正在使用 :value="input" 和 @input="update" .我该怎么做?我是否在服务器上的表单定义中执行此操作?或者也许在页面加载后使用 jquery?
使用kwargs
指定不是有效标识符的键。
form.content(cols="80", rows="50", id='larger', **{':value':'input','@input': 'update'})