:disabled="scope.row.status === 1 || scope.row.status === 2 || scope.row.status === 3"
时间: 2023-11-23 21:54:01 浏览: 136
这段代码的作用是禁用一个按钮,当`scope.row.status`的值为1、2或3时。也就是说,只有当`scope.row.status`的值为0时,按钮才是可点击的。这是因为使用了逻辑或`||`,只要有一个条件满足,整个表达式就是true。而正确的做法是使用逻辑与`&&`,只有所有条件都满足时,整个表达式才是true,按钮才是可点击的。因此,正确的代码应该是:`disabled="scope.row.status !== 0 && scope.row.status !== 1"`。
相关问题
如何将这串代码转为json <tbody> <!-- vRepeat: data in queryList --><tr v-repeat="data in queryList" class="v-scope"> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List0_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!='04'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300338A</a></span> <span v-show="data.FndDrc=='04'" class="v-binding" style="display: none;">IR00252300338A</span></td> <td class="v-binding">2023-05-23</td> <td class="v-binding">USD20,693.00</td> <td class="v-binding">BYGGING INTERCONTINENTAL 12 SHEHAB ...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc=='01' && data.BusiState=='10'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr><tr v-repeat="data in queryList" class="v-scope"> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="1" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List1_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!='04'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300337A</a></span> <span v-show="data.FndDrc=='04'" class="v-binding" style="display: none;">IR00252300337A</span></td> <td class="v-binding">2023-05-23</td> <td class="v-binding">USD23,543.50</td> <td class="v-binding">DIARITA POLYMERS OFFSHORE LTD UNITE...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc=='01' && data.BusiState=='10'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr> </tbody>
这段代码并不是一个有效的 JSON 格式,需要进行一些修改才能转为 JSON。可以将这段代码包装在一个 HTML 文件中,并使用 JavaScript 将其转为 JSON 对象。
以下为示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Code to JSON</title>
</head>
<body>
<table>
<tbody id="queryList">
<tr>
<td><input type="checkbox" name="RemitInBox" value="0"></td>
<td><a href="#">IR00252300338A</a></td>
<td>2023-05-23</td>
<td>USD20,693.00</td>
<td>BYGGING INTERCONTINENTAL 12 SHEHAB ...</td>
<td>31980005000107125</td>
<td>入账</td>
<td>受理成功</td>
<td><a href="#">打印</a></td>
</tr>
<tr>
<td><input type="checkbox" name="RemitInBox" value="1"></td>
<td><a href="#">IR00252300337A</a></td>
<td>2023-05-23</td>
<td>USD23,543.50</td>
<td>DIARITA POLYMERS OFFSHORE LTD UNITE...</td>
<td>31980005000107125</td>
<td>入账</td>
<td>受理成功</td>
<td><a href="#">打印</a></td>
</tr>
</tbody>
</table>
<script>
const queryList = [];
const rows = document.querySelectorAll('#queryList tr');
rows.forEach(row => {
const cells = row.querySelectorAll('td');
const data = {
RemitInBox: cells[0].querySelector('input').checked,
IRNumber: cells[1].querySelector('a').innerText,
Date: cells[2].innerText,
Amount: cells[3].innerText,
Description: cells[4].innerText,
AccountNumber: cells[5].innerText,
Status: cells[6].innerText,
Result: cells[7].innerText,
PrintLink: cells[8].querySelector('a').href
};
queryList.push(data);
});
console.log(JSON.stringify(queryList));
</script>
</body>
</html>
```
在这段代码中,我们使用了 `querySelector` 方法来获取每个单元格的内容,并将其转为一个 JavaScript 对象。最后,我们使用 `JSON.stringify` 方法将整个数据转为 JSON 格式,并将其输出到控制台。
使用cheerio 将以下代码转换为json <html><body><tbody> <!-- vRepeat: data in queryList --><tr v-repeat="data in queryList" class="v-scope"> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List0_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!='04'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300347A</a></span> <span v-show="data.FndDrc=='04'" class="v-binding" style="display: none;">IR00252300347A</span></td> <td class="v-binding">2023-05-25</td> <td class="v-binding">USD32,993.50</td> <td class="v-binding">1/FLOKSER KIMYA SANAYI VE TICARET 1...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc=='01' && data.BusiState=='10'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr> </tbody> </body></html>
以下是使用Cheerio将代码转换为JSON的示例代码:
```javascript
const cheerio = require('cheerio');
const html = '<html><body><tbody> <!-- vRepeat: data in queryList --><tr v-repeat="data in queryList" class="v-scope"> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!=\'01\' || data.BusiState!=\'10\'" id="List0_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!=\'04\'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300347A</a></span> <span v-show="data.FndDrc==\'04\'" class="v-binding" style="display: none;">IR00252300347A</span></td> <td class="v-binding">2023-05-25</td> <td class="v-binding">USD32,993.50</td> <td class="v-binding">1/FLOKSER KIMYA SANAYI VE TICARET 1...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc==\'01\'">入账</span> <span v-show="data.FndDrc==\'04\'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc==\'04\'||data.FndDrc==\'01\')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc==\'01\' && data.BusiState==\'10\'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr> </tbody> </body></html>';
const $ = cheerio.load(html);
const queryList = [];
$('tr.v-scope').each((i, el) => {
const $row = $(el);
const data = {
RemitInBox: $row.find('input[type="checkbox"]').attr('v-model'),
CheckFlag: $row.find('input[type="checkbox"]').attr('v-checked') == 'true',
FndDrc: $row.find('td').eq(1).find('span').eq(0).attr('v-show') == "data.FndDrc!='04'" ? "01" : "04",
BsnSrlNo: $row.find('td').eq(8).find('a').attr('v-click').match(/\d+/)[0],
DetailLink: $row.find('td').eq(1).find('a').attr('href'),
Date: $row.find('td').eq(2).text().trim(),
Amount: $row.find('td').eq(3).text().trim(),
AccountName: $row.find('td').eq(4).text().trim(),
AccountNo: $row.find('td').eq(5).text().trim(),
BusiState: $row.find('td').eq(6).text().trim(),
Status: $row.find('td').eq(7).text().trim(),
};
queryList.push(data);
});
const result = { queryList };
console.log(JSON.stringify(result));
```
解析后的JSON数据如下所示:
```json
{
"queryList": [
{
"RemitInBox": "RemitInBox",
"CheckFlag": false,
"FndDrc": "01",
"BsnSrlNo": "00252300347",
"DetailLink": "####",
"Date": "2023-05-25",
"Amount": "USD32,993.50",
"AccountName": "1/FLOKSER KIMYA SANAYI VE TICARET 1...",
"AccountNo": "31980005000107125",
"BusiState": "入账",
"Status": "受理成功"
}
]
}
```
请注意,这只是一个示例代码。如果HTML结构发生变化,代码可能需要相应修改。
阅读全文