父子通信

闫增涛

2024-05-11 62e971bb894c05f5b01b7dd01cbe8d9c56da461c

父子通信

 src/books/childHealth/view/content/components/chapter001.vue

@@ -304,7 +304,7 @@
      </div>
    </div>
    <!-- 3 -->
    <div class="page-box">
    <div class="page-box" page="3">
      <oddHeaderVue :special="1" :num="3" />
      <div class="padding-96">
        <h5 id="e002">2.骨柔韧，易变形</h5>
@@ -362,7 +362,7 @@
      </div>
    </div>
    <!-- 4 -->
    <div class="page-box">
    <div class="page-box" page="4">
      <evenHeaderVue :num="4" />
      <div class="padding-96">
        <p class="lh2 t0 tl-ju">

 src/books/childHealth/view/content/components/chapter005.vue

@@ -1161,7 +1161,6 @@
      </div>
    </div>
    <!-- 120 -->

    <div class="page-box">
      <even-header :num="120" />
      <div class="padding-96">

 src/books/childHealth/view/index.vue

@@ -1,8 +1,7 @@
<template>
  <div class="temp-book">
  <div class="temp-book" @mouseup="handleMouseUp">
    <pageHeader></pageHeader>
    <pageContent></pageContent>
    <!-- <examinations :questionList="cardList" :type="type"></examinations> -->
  </div>
</template>

@@ -368,6 +367,33 @@
        });
      }
    },

    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
        if (element.classList.contains(className)) {
          return element;
        }
      }
    },
    handleMouseUp(e) {
      const txt = window.getSelection()?.toString();
      const node = window.getSelection();
      let html = node.anchorNode.parentNode.parentNode.parentNode;
      let nextHtml = html.firstChild.innerHTML;
      let pageHtml = this.getParentWithClass(node.anchorNode,'page-box')
      if (txt) {
        console.log(pageHtml);
      }
      if (html) {
        const page = html.getAttribute("page");
        console.log("page", page,this.$actions);
        this.$actions.setGlobalState({
          aa:page
        })
        
      }
    },
  },
};
</script>

 src/main.js

@@ -29,13 +29,14 @@

let instance = null;

function render(props = {}) {
  const { container } = props;
function render(actions = {}) {
  // const { container } = props;
  instance = new Vue({
    // router,
    actions,
    store,
    render: (h) => h(App)
  }).$mount(container ? container.querySelector("#app") : "#app");
  }).$mount(actions.container ? actions.container.querySelector("#app") : "#app");
}

// 独立运行时