vue 电子书字体大小设置功能

方法一：父子组件传值

父组件

 <!--底部菜单栏 -->
	 <menu-bar 
	 :ifTitleAndMenu="ifTitleAndMenu"
	 :defaultFontSize="defaultFontSize"
	  ref="menuBar"
	@setFontSize="selecFont"
    ></menu-bar>

<script>
import Epub from 'epubjs';
import MenuBar from '../components/MenuBar'
//电子书路径
const DOWNLOAD_URL = '/ebook.epub';
global.epub = Epub;
export default {
	name:'ebook',
	components: {
		TitleBar,
		MenuBar
	},
	data(){
	 return {
		 ifTitleAndMenu:false,
		 defaultFontSize:16 //默认字体大小
	 }
	},
	methods: {
	//字体大小设置
   selecFont(fontSize){
		this.defaultFontSize = fontSize
       if(this.themes){
				 this.themes.fontSize(fontSize + 'px')
			 }
		},
    //菜单栏显隐
    showMenu(){
			this.ifTitleAndMenu = !this.ifTitleAndMenu
			if(!this.ifTitleAndMenu){
         this.$refs.menuBar.hidesetting()
			}
		}, 
   //电子书解析渲染
		showEpub(){
		 //生成book对