uni-app 代码块设置异常

uni-app 代码块设置异常

示例代码:

// 这是js自定义代码块中声明的代码  
"$isEmpty()": {  
    "prefix": "this.$isEmpty",  
    "body": [  
        "this.$isEmpty($1)"  
    ],  
    "triggerAssist": false,  
    "description": "判断数据是否为空"  
}

操作步骤:

// 使用代码


## 预期结果:
```javascript
this.$isEmpty(光标应该在这)

实际结果:

this.实际上光标在这isEmpty()

bug描述:

产品分类
其他/MUI

更多关于uni-app 代码块设置异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 代码块设置异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个典型的代码片段配置问题。从你的配置来看,$isEmpty() 被用作代码块的键名,但其中的 $ 符号可能与编辑器的代码片段解析机制产生了冲突。

主要问题在于:

  1. $ 符号的特殊性:在很多编辑器中,$ 常用于表示变量或占位符
  2. 光标定位异常:配置中的 $1 是光标占位符,但由于 $isEmpty 中的 $ 可能被误解析,导致光标定位到错误位置

解决方案:

修改代码片段配置,避免 $ 在键名中的使用:

"isEmpty": {
    "prefix": "this.$isEmpty",
    "body": [
        "this.$isEmpty($1)"
    ],
    "triggerAssist": false,
    "description": "判断数据是否为空"
}

或者使用转义处理(如果编辑器支持):

"\\$isEmpty()": {
    "prefix": "this.$isEmpty",
    "body": [
        "this.$isEmpty($1)"
    ],
    "triggerAssist": false,
    "description": "判断数据是否为空"
}
回到顶部