vue-json-editor 如何更改高度

tech2022-12-22  108

vue-json-editor 如何更改高度

1.设置style属性
2.css设置height为100%,注意,style标签中不能加scoped,否则没有效果
3.具体代码(关键部分代码)如下:
下载依赖: npm install vue-json-editor --save-dev 组件: <vue-json-editor v-model="json" //模型对象数据 :showBtns="true" //展示保存按钮 lang="zh" //默认语言 :mode="'text'" //默认展示格式 style="height: 420px" //默认样式 @json-change="onJsonChange" //数据改变触发事件 @json-save ="onJsonSave"//保存 /> js代码 <script> import vueJsonEditor from 'vue-json-editor' export default { components: { vueJsonEditor }, data () { return { json:{"data":"成功!"} } } } </script> 样式: <style lang="less"> .jsoneditor-vue{ height: 100%; } </style>

以上思路仅供参考,如有更好的建议,欢迎大佬在下方留言!

最新回复(0)