vue强制换行,vue属性标签不换行

　　本文主要为大家介绍Vue编程格式代码属性和自动换行问题。有需要的朋友可以借鉴一下，希望能有所帮助。祝大家进步很大，早日升职加薪。

目录

　　前言直奔主题。具体操作原则1。关于vetur.format.defaultformatter.html 2。关于vetur.format.defaultformatters参考源

　　https://www.jb51.net/article/182913.htm

　　https://www.jb51.net/article/161243.htm

前言

　　最近写Vue代码的时候发现模板里的html代码会因为标签里的属性稍微超出而断行。看着挺难受的。毕竟屏幕还是挺宽敞的。

直入主题

　　1.将“wrap _ attributes”:“force-expand-multiline”修改为“wrap _ attributes”:“aligned-multiple”

　　2.添加“vetur . format . default formatter . html”:“js-beauty-html”，

具体操作

　　首先描述一下我的VSCODE的插件。一个Vetur，vue-美化打开设置并搜索Vetur . format . defaultformatoptions在settings.json中点击编辑

　　直接看我上面修改过的图。

原理

1.关于vetur.format.defaultFormatter.html

　　这是因为在VSCode1.7.2中替换了内置的格式化插件。解决方法是在VSCode设置(setting.json)中配置以下规则

　　{

　　漂亮点.单引号:没错，

　　 prettle . semi :false，

　　 vetur . format . default formatter . html : js-美化-html ，

　　vetur . format . defaultformatteroptions :{

　　wrap_attributes :强制对齐

　　}

　　}

　　详情见vuejs/vetur#476。

2. 关于vetur.format.defaultFormatterOptions

　　//包装属性。

　　//-auto:仅当超过行长度时才换行。

　　//-force:包装除第一个属性以外的每个属性。

　　//-force-aligned:包装除第一个属性之外的每个属性并保持对齐。

　　//-force-expand-multiline:包装每个属性。

　　//-aligned-multiple:当超出换行符长度时，垂直对齐属性。

　　vetur . format . defaultformatteroptions :{

　　js-美化-html :

　　wrap_attributes: auto ，

　　}

　　},

　　以上是Vue编程格式代码属性的换行问题的详细内容。更多关于Vue代码格式属性的自动换行，请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。