Vue.js Summernote.js component 如何使 v-if 工作? 这个插件,在一个页面会调用多次,希望只显示 model 有内容的

2018-06-20 16:29:16 +08:00
ioioioioioioi  ioioioioioioi
<!-- Reference: https://github.com/StefanNeuser/vuejs2-summernote-component/blob/master/src/Summernote.js -->
<template>
<textarea v-if="model" :name="name">{{ model }}</textarea>
</template>
<script>
    module.exports = {
        props: {
            model: {
                required: true,
            },

            name: {
                type: String,
            },

            height: {
                default: '400'
            }
        },
        mounted() {

            let config = {
                height: this.height
            };

            let vm = this;

            config.callbacks = {

                onInit: function () {
                    $(vm.$el).summernote("code", vm.model);
                },

                onChange: function () {
                    vm.$emit('update:model', $(vm.$el).summernote('code'));
                },

                onBlur: function () {
                    vm.$emit('update:model', $(vm.$el).summernote('code'));
                }
            };

            $(this.$el).summernote(config);
        }
    }
</script>

<style scoped>
</style>
1017 次点击
所在节点   问与答  问与答
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/464451

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX