<div class="row" v-for="(book, index) in Subsequent" :key="index">
<div class="col-md-8">
<div class="form-group label-floating">
<label class="control-label"> Details</label>
<input type="text" class="form-control" v-model="book.seizuredetails" id="transliterateTextarea2">
</div>
</div>
</div>
<a @click="addNewRow">Add Another</a>
</div>
我在第一个输入框中输入音译.(第一种情况下没有问题)
所以,当我点击"添加另一个"时,我可以有一个新的输入框.但在这种情况下,音译是不起作用的.
我的音译是
<script type="text/javascript">
// Load the Google Transliterate API
google.load("elements", "1", {
packages: "transliteration"
});
function onLoad() {
var options = {
sourceLanguage: google.elements.transliteration.LanguageCode.ENGLISH,
destinationLanguage: [google.elements.transliteration.LanguageCode.MALAYALAM],
shortcutKey: 'ctrl+g',
transliterationEnabled: true
};
// Create an instance on TransliterationControl with the required
// options.
var control = new google.elements.transliteration.TransliterationControl(options);
// Enable transliteration in the textbox with id
// 'transliterateTextarea'.
var ids = [ "transliterateTextarea", "transliterateTextarea1", "transliterateTextarea2" ];
control.makeTransliteratable(ids);
}
google.setOnLoadCallback(onLoad);
</script>
所以,当点击Addanother时,我怎样才能给输入区域一个新的音译id呢.
请帮我找到解决办法.