วิธีสร้างองค์ประกอบที่กำหนดเองของเว็บคอมโพเนนต์เพื่อทำงานกับทั้งรายละเอียด
ฉันต้องการสร้างส่วนประกอบที่ควรทำงานกับสเป็คทั้งสองcustom elements spec v0ซึ่งได้เลิกใช้แล้วและcustom elements spec v1เป็นเวอร์ชันที่เสถียรล่าสุด ถ้าฉันสร้างส่วนประกอบที่มีcustom elements v0แอพบางตัวจะประสบปัญหาเนื่องจากกำลังใช้งานpolymer 2และสูงกว่าและปัญหาเดียวกันกับpolymer 1แอปพลิเคชันที่ใช้งานไม่ได้กับcustom elements v1สเปค ฉันไม่สามารถควบคุมแอปพลิเคชันเพื่อเปลี่ยนโพลีฟิลบางแอพพลิเคชั่นต้องใช้โพลีฟิลรองรับสเป็คเก่าและบางอันใช้โพลีฟิลล์ใหม่ ฉันกำลังมองหาโซลูชันที่แข็งแกร่งในการรวมข้อมูลจำเพาะเพื่อเรียกใช้องค์ประกอบแบบกำหนดเองของฉันในแอปพลิเคชันทั้งหมดโดยไม่คำนึงถึงรุ่น polyfills ฉันสามารถเพิ่มโปลิฟิลหรือตัวอย่างใด ๆ ลงในคอมโพเนนต์ของฉันเพื่อให้สามารถทำงานได้ทุกที่ฉันไม่พบไลบรารี่หรือโพลีฟิลล์ใด ๆ ที่รองรับสเปคทั้งสองในงานวิจัยของฉัน ฉันวางแผนที่จะเขียนอะแดปเตอร์ที่สามารถรวมทั้งสเปคเช่นการทำแผนที่ที่กล่าวถึงด้านล่างสำหรับการโทรกลับที่แนบมาอินพุตในความคิดนี้จะได้รับการชื่นชมมาก connectedCallback(){ this.attachedCallback(); } ฉันพยายามใช้stenciljsแต่สามารถใช้งานได้กับสเปคองค์ประกอบที่กำหนดเองรุ่นล่าสุดเท่านั้น ฉันไม่พบวิธีการปรับแต่งเพื่อให้ทำงานกับสเป็คก่อนหน้านี้ โปรดแนะนำทางเลือกที่ใช้การได้และวิธีแก้ปัญหาที่เป็นไปได้สำหรับสถานการณ์ดังกล่าวข้างต้น