javascript - 如何在 vue.js 中添加 v-model 动态创建的 html?

标签 javascript jquery vue.js

我使用 vue.js。我想在使用 jquery 插件创建的选择器中添加 vue 模型。 我的代码:

<div class="app">
   <div class="wysiwyg-wrap"></div>
</div>

<script>
    new Vue({
        el: '.app',
        data: {
            wysiwygText: 'text demo'
        },
        created: function(){
            $('.wysiwyg-wrap').trumbowyg();
        } 
    });
</script>

Jquery 插件 trumbowyg 在 '.wysiwyg-wrap' 中创建许多 html 元素。如何添加此元素之一 v-model 绑定(bind)?我想输入我的编辑器并将结果保存在 vue 模型的“所见即所得文本”中。 感谢您的任何回答!

最佳答案

这是自定义指令的一个很好的用例。以下是将 jQuery 功能添加到 Vue 的自定义指令示例:https://vuejs.org/examples/select2.html

关于javascript - 如何在 vue.js 中添加 v-model 动态创建的 html?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36516819/

相关文章:

javascript - 持久化状态使用 vuex-persistedstate : store state in first tab doesnot update when i mutate state in another tab

vue.js - vue element-ui 获取表格行索引

javascript - 为什么对象上的相等运算符返回 false?

javascript - 重用带参数的 Promise

javascript - 将单击的项目添加到 React 中的新数组

悬停时使用向上滑动和向下滑动的 JQuery 下拉菜单是跳跃式的

javascript - 幻灯片背景图片

javascript - 我无法显示 json_encode ($.each) 中的数据

javascript - Jquery 加载不执行任何操作

php - 如何使用 Laravel Mix Setup 将 Laravel 数据传递到 Vue 根实例