uni-app 重排代码格式 ctrl+K 遇到特定代码后 就会报错失败

uni-app 重排代码格式 ctrl+K 遇到特定代码后 就会报错失败

开发环境 版本号 项目创建方式
Windows windows10 HBuilderX

示例代码：

<view class="search-form round">
<text class="wlIcon-sousuo1 text-bold"></text>
<input @confirm="confirm" :adjust-position="false" type="text" :placeholder="category" confirm-type="search"></input>
</view>

操作步骤：

预期结果：

实际结果：

bug描述：

重排代码格式 ctrl+K 遇到特定代码后 就会报错失败


更多关于uni-app 重排代码格式 ctrl+K 遇到特定代码后 就会报错失败的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 重排代码格式 ctrl+K 遇到特定代码后 就会报错失败的实战教程也可以访问 https://www.itying.com/category-93-b0.html


根据你提供的信息，这可能是 HBuilderX 在特定代码结构下格式化时出现的解析问题。问题很可能出在 <input> 标签的属性书写方式上。

原因分析： 在 Vue/uni-app 的单文件组件中，模板部分需遵循 HTML/XML 规范。你的代码中 <input> 标签未正确闭合，且属性 :adjust-position="false" 的写法可能导致格式化工具解析异常。虽然 Vue 支持这种绑定，但 HBuilderX 的格式化功能可能在此处存在兼容性问题。

建议的修改：

  1. 将 <input> 标签改为自闭合形式，这是更标准的写法。
  2. 检查是否有其他嵌套或格式问题。

修改后的示例：

<view class="search-form round">
    <text class="wlIcon-sousuo1 text-bold"></text>
    <input 
        @confirm="confirm" 
        :adjust-position="false" 
        type="text" 
        :placeholder="category" 
        confirm-type="search" 
    />
</view>
回到顶部