我有一个像这样的弹出框内容中的 input
:
HTML:
<div id="vue-app">
<div class="btn btn-primary" data-toggle="popover" data-placement="bottom" title="Hello World!" data-html="true" data-content='<input v-model="message"/>'>
Click Me!
</div>
<hr>
<input v-model="message"> {{ message }}
</div>
以下是JS的代码:
new Vue({
el: '#vue-app',
data: {
message: 'I am a Text'
}
});
$(document).ready(function() {
$('[data-toggle="popover"]').popover();
});
从代码中可以看出,data-content
之外的输入已经成功绑定,但是内部的输入没有成功绑定!
如果您有任何想法,请不吝赐教。
data-html="true"
,因为在JS中您已经指定了html:true
。 - Tushar