disabled="!!readonly"

disabled="!!readonly"的意思是将disabled属性的值设为readonly属性的逻辑非（取反）结果。也就是说，如果readonly属性为true，则disabled属性为false；如果readonly属性为false，则disabled属性为true。这样做的目的是根据readonly属性的值来决定是否禁用输入字段。
#### 引用[.reference_title]
- *1* *2* *3* [readonly和disabled的作用？区别？别翻了，这有精细汇总齐的秘籍！](https://blog.csdn.net/weixin_44015669/article/details/115467447)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

相关问题

js定位Element=document.querySelector("<input type="text" value="" readonly="readonly" disabled="disabled">") ，报错：after argument list

出现这个错误是因为您的 JavaScript 代码中存在语法错误，很可能是因为您的字符串中包含了未被转义的引号。您可以尝试将字符串中的双引号改为单引号，或者在引号前加上反斜杠，将其转义。

以下是一个示例代码，使用单引号来定义字符串：

var element = document.querySelector('input[type="text"][readonly][disabled]');

或者在引号前加上反斜杠，将其转义：

var element = document.querySelector("<input type=\"text\" value=\"\" readonly=\"readonly\" disabled=\"disabled\">");

请注意，这个示例代码使用了属性选择器，以选择具有 "text" 类型、"readonly" 属性和 "disabled" 属性的输入元素。如果您需要根据不同的属性值来选择元素，请相应地修改选择器。

<el-input placeholder="请输入" :class="hussar_19Readonly ? 'jxd_ins_elInputReadonly' : ''" :disabled="hussar_19Disabled" ref="hussar_19Ref" :type="hussar_19Type" :readonly="hussar_19Readonly" v-show="!hussar_19Hidden" v-model="hussar_1FormData.interfaceType" class="hussar_19 jxd_ins_elInput lay-input default"></el-input> <span :class="{ isFlex: !hussar_20Hidden }" :disabled="hussar_20Disabled" @mouseover="hussar_20selectStyle()" v-show="!hussar_20Hidden" class="hussar_20 jxd_ins_format jxd-format-element default"> <el-tooltip :disabled="hussar_20tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow=false popper-class="el-prompt el-prompt-position"> <div slot="content" class="el-title"> {{hussar_20Data | hussar_20format(hussar_20that)}} </div>

你的问题是关于一段代码的解读吗？这段代码是一个Vue组件中的模板代码，包含了两个元素：一个是`<el-input>`元素，另一个是`<span>`元素。这两个元素都使用了Vue的动态绑定语法（`:`）来绑定一些属性。

对于`<el-input>`元素，它具有以下属性：
- `placeholder`：表示输入框的占位文本。
- `:class`：根据条件动态绑定CSS类名，如果`hussar_19Readonly`为真，则绑定`jxd_ins_elInputReadonly`类名。
- `:disabled`：根据条件动态禁用输入框，如果`hussar_19Disabled`为真，则禁用输入框。
- `ref`：引用名，可以在组件中通过`this.$refs.hussar_19Ref`访问该元素。
- `:type`：根据条件动态设置输入框类型。
- `:readonly`：根据条件动态设置输入框为只读模式。
- `v-show`：根据条件动态显示/隐藏输入框，如果`hussar_19Hidden`为假，则显示输入框。
- `v-model`：双向绑定输入框的值到`hussar_1FormData.interfaceType`。

对于`<span>`元素，它具有以下属性：
- `:class`：根据条件动态绑定CSS类名，如果`!hussar_20Hidden`为真，则绑定`isFlex`类名。
- `:disabled`：根据条件动态禁用元素，如果`hussar_20Disabled`为真，则禁用元素。
- `@mouseover`：当鼠标移入元素时触发的事件，调用`hussar_20selectStyle()`方法。
- `v-show`：根据条件动态显示/隐藏元素，如果`!hussar_20Hidden`为假，则显示元素。
- `class`：元素的CSS类名。

在这段代码中，还有一个`<el-tooltip>`元素作为`<span>`元素的子元素，这个元素是一个提示框组件，具有一些其他属性来实现提示功能。其中，通过`slot="content"`指定了提示框的内容为`{{hussar_20Data | hussar_20format(hussar_20that)}}`。