在nuxt项目中配置笔芯(VUE组件)

Posted 2021-05-03

我想删除quill中的工具栏，但我不能。

我有html。

<template>
    <quill v-model="content" :config="config"></quill>
</template

和里面的脚本。

<script>
   import VueQuill from 'vue-quill';
   export default {
         data () {
            return {
                config: {
                    readOnly: true,
                    toolbar: false
                }
            }
        }
   }
</script>

Readonly是工作，但工具栏仍然显示。

答案

设置配置是这样的

  <script>
       import VueQuill from 'vue-quill';
       export default {
             data () {
                return {
                    config: {
                        readOnly: true,
                        modules: {
                           toolbar: false
                        },
                    }
                }
            }
       }
    </script>

另外，由于目前在你使用的packagelibrary中没有直接的选项，所以使用CSS来删除工具条div。

<style scoped>
  .ql-toolbar { display: none; }
</style>