性能优化

src/view/selection/index.tsx

@@ -300,11 +300,12 @@ export default defineComponent({
 						// 节拍线开关
 						// 当前小节
 						// 当前小节
-						const lineShow =
-							!state.isReport &&
-							metronomeData.cursorMode === 2 &&
-							item.MeasureNumberXML === metronomeData.activeMetro?.measureNumberXML &&
-							state.times[state.activeNoteIndex].MeasureNumberXML === item.MeasureNumberXML;
+						/* 节拍指针，现在没有节拍器指针了，但是以后要加上的话，这里需要性能优化。现在这样每次节拍指针更新都会刷新这里的虚拟dom */
+						// const lineShow =
+						// 	!state.isReport &&
+						// 	metronomeData.cursorMode === 2 &&
+						// 	item.MeasureNumberXML === metronomeData.activeMetro?.measureNumberXML &&
+						// 	state.times[state.activeNoteIndex].MeasureNumberXML === item.MeasureNumberXML;
 						return (
 							<>
 								{item.staveBox && (
@@ -318,7 +319,7 @@ export default defineComponent({
 										style={item.staveBox}
 										onClick={() => handleSelection(item)}
 									>
-										{lineShow && (
+										{/* {lineShow && (
 											<div style={{height: selectData.measureHeight + 'px', position: 'relative'}}>
 												<div 
 												class={[
@@ -328,7 +329,7 @@ export default defineComponent({
 												]} 
 												style={{ left: metronomeData.activeMetro.left }}></div>
 											</div>
-										)}
+										)} */}
 										{!state.isReport &&
 											!!item.multipleRestMeasures &&
 											<MultipleRestMeasures item = {item}></MultipleRestMeasures>