我的 Salesforce LWC Javascript 代码无法正常工作

Question

伙计们。

新人来了。我已经学习 salesforce 几个月了，目前正在开发一个预订系统项目，只是为了在 LWC 领域获得一些经验。

这是我构建的顶点类

public with sharing class tablecontroller {
    @AuraEnabled(cacheable=true)
    public static List<Reservation__c> getseatings(Id recordId){
        return[SELECT Account__r.Name, Reserved_Seats__c FROM Reservation__c WHERE Trip_Id__c =: recordId AND Reservation_Status__c != 'Cancelled'];
    } 
    
}

这是 javascript:

import { LightningElement, wire, api } from 'lwc';
import getseatings from '@salesforce/apex/Tablecontroller.getseatings';


export default class Seatingmap extends LightningElement {
    @api recordId
    
    tableData
    
    @wire(getseatings,{recordId:'$recordId'})
    seatinghandler({data,error}){
        if(data){
            console.log(data);
            this.tableData = data;
            
            var seats = this.template.querySelectorAll('.seat')
            
            for(var i = 0; i<seats.length; i++){
                var seat = seats[i].textContent;
                if(this.tableData.includes(seat)){
                    seats[i].classList.add('reserved');
                }
            }

            

        }
        if(error){
            console.error(error);
        }
    }

    

}

我的问题是，即使 console.log() 显示选择和代码正常工作，上传后的更改也不会应用到 LWC。

关于如何解决这个问题有什么建议吗？

Answer 1

您还可以分享模板文件来了解您正在显示的内容以及如何渲染 html 文件吗？