英语第八单元（111）

zhongshujie

2024-07-22 8648ddaedf6eec2618a3a6db9ff3a9d564e5a841

 src/books/English/view/components/chapter008.vue

@@ -32,18 +32,244 @@
                        <h2 id="b029"><img class="img-0" alt="" src="../../assets/images/dy8-le1.jpg" /></h2>
                        <h3 id="c064"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Ⅰ.Figure out what the people in the following pictures do.</b></p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-1.jpg" /></p>
                        <p class="center">1._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-2.jpg" /></p>
                        <p class="center">2._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-3.jpg" /></p>
                        <p class="center">3._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-4.jpg" /></p>
                        <p class="center">4._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-5.jpg" /></p>
                        <p class="center">5._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-6.jpg" /></p>
                        <p class="center">6._____________________</p>
                        <div class="openImgBox">
                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-1.jpg" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            1.
                                            <select class="select-border" v-model="dropdownData.one.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.one.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.one.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：intercity train
                                    </p>
                                </div>
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" />
                                        </p>
                                        <p class="center">
                                            2.
                                            <select class="select-border" v-model="dropdownData.two.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.two.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.two.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：online shopping
                                    </p>
                                </div>
                            </div>

                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" />
                                        </p>
                                        <p class="center">
                                            3.
                                            <select class="select-border" v-model="dropdownData.three.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.three.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.three.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：electronic payment
                                    </p>
                                </div>
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" />
                                        </p>
                                        <p class="center">
                                            4.
                                            <select class="select-border" v-model="dropdownData.four.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.four.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.four.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：shared bike
                                    </p>
                                </div>
                            </div>

                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-5.jpg" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            5.
                                            <select class="select-border" v-model="dropdownData.five.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.five.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.five.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：take-away service
                                    </p>
                                </div>
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" />
                                        </p>
                                        <p class="center">
                                            6.
                                            <select class="select-border" v-model="dropdownData.six.value"
                                                @change="setDropdownData" :disabled="dropdownData.isComplete">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box">
                                                <svg v-if="dropdownData.six.isRight" t="1716986419862" class="icon"
                                                    viewBox="0 0 1820 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                                    <path
                                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                        fill="#1AFA29" p-id="18768"></path>
                                                </svg>
                                                <svg v-if="dropdownData.six.isRight == false" t="1716987085767"
                                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                                    <path
                                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                        fill="#d81e06" p-id="25746"></path>
                                                </svg>
                                            </span>
                                        </p>
                                    </div>
                                    <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
                                        答案：facial recognition
                                    </p>
                                </div>
                            </div>
                        </div>
                        <p><b>Ⅱ.What other jobs can you list?</b></p>
                        <p>____________________________________________</p>
                    </div>
@@ -636,18 +862,26 @@
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p class="dl-box">
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dangerous')">dangerous</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'demanding')">demanding</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exciting')">exciting</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'repetitive')">repetitive</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'satisfying')">satisfying</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stimulating')">stimulating</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stressful')">stressful</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'voluntary')">voluntary</span>
              </p>
                            
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'dangerous')">dangerous</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'demanding')">demanding</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'exciting')">exciting</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'repetitive')">repetitive</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'satisfying')">satisfying</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'stimulating')">stimulating</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'stressful')">stressful</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'voluntary')">voluntary</span>
                            </p>

                            <p>　　　　　　　　　
                            </p>
                        </div>
@@ -1592,18 +1826,18 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><b>Worksheet for the Interviewer</b></p>
                        <table border="1" cellpadding="4" cellspacing="0"  class="fz-14 fieldset-5">
                        <table border="1" cellpadding="4" cellspacing="0" class="fz-14 fieldset-5">
                            <tr class="table-tr-bc">
                                <td class="tl-cn ">
                                    <p class="table-p">Name: <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 35em"
                                        v-model="testData.in.one" @change="setTestData" /></p>
                                            class="input-bottom-border input-bc-t" style="width: 35em"
                                            v-model="testData.in.one" @change="setTestData" /></p>
                                    <p class="table-p">Phone: <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 34.8em"
                                        v-model="testData.in.one" @change="setTestData" /></p>
                                            class="input-bottom-border input-bc-t" style="width: 34.8em"
                                            v-model="testData.in.one" @change="setTestData" /></p>
                                    <p class="table-p">Email: <input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 35em"
                                        v-model="testData.in.one" @change="setTestData" /></p>
                                            class="input-bottom-border input-bc-t" style="width: 35em"
                                            v-model="testData.in.one" @change="setTestData" /></p>
                                </td>
                            </tr>

@@ -1614,7 +1848,7 @@
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                  

                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
@@ -1623,7 +1857,7 @@
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
        

                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
@@ -1632,7 +1866,7 @@
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
  

                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
@@ -1855,6 +2089,14 @@
    },
    data() {
        return {
            warmUp:[
                {
                    isComplete:false,
                    isShowAnswer:false,
                    

                }
            ],
            imgThirteen: require("../../assets/images/grammar8-1.png"),
            imgThirteenOne: require("../../assets/images/grammar8-2.png"),
            showImg: false,
@@ -2152,6 +2394,31 @@
        this.getPath();
    },
    methods: {
        arrayToString(data) {
            if(Array.isArray(data)) {
            return data.toString()
            } else {
                return data
            }
        },
        isTextRight(answer, data, num) {
            let flag = null;
            if (data) {
                flag = answer[num] == data
            } else {
                flag = false
            }
            return flag;
        },
        isShowRight(answer, userAnswer, data) {
            let flag = null;
            if (userAnswer.indexOf(data) > -1) {
                flag = answer.indexOf(data) > -1 ? true : false;
            } else {
                flag = false
            }
            return flag;
        },
        saveWord(event, word) {
            this.$emit("saveCharacters", event, word);
        },