vue-print-nb 打印插件的使用

（一）首先安装插件 npm install vue-print-nb --save （二）在main.js 中引入并注册 import Print from 'vue-print-nb' Vue.use (Print) （三）使用方法

<el-button v-print="'#printTest'">打印</el-button> 假如我们想实现，在打印的时候改变样式，或者隐藏一些不需要打印的元素，直接使用上面的方法就不能实现 需要进行如下修改 （1）把vue-print-nb的文件夹放到自己的文件夹中，在src 下新建utils ' Vue.prototype.Print = Print 下面完整的打印的例子，打印echart图表，隐藏打印的内容并分页 <template>

vue2

"gender" value="female" v-model="v2">

---

性别：{{ v2 }}

---

<! -- 这里{{v4}}通过数组存取值，选中哪个选项就将其存放到数组中 [ "male", "female", "other" ] -->

---

vue中各变量的默认值 <script src="<em>vue</em>.js -- 我们在这里引入<em>vue</em>而不是选择在head标签引入<em>vue</em>是因为代码 的加载顺序，如果将其放在head内则会先加载<em>vue</em>，如果在网速较慢时页面的加载速度很慢，如果 将其放在下面，就会先加载body内的内容 时，<em>vue</em>的插值符号与Django的模板语法中的{{}}冲突，这时就需要我们使用分隔符号 为<em>vue</em>重新设置一个插值符，具体设置方法如下。 5, 4, 1]; console.log(arr); // 冒泡排序 // 3, <em>2</em>, 5, 4, 1 // <em>2</em>, 3, 4, 1, 5 // <em>2</em>, 3, 1, 4 // <em>2</em>, 1, 3 //

【前端vue面试】vue2

event//template@click="fun1" //methodsfun1(event){}需要传参数的，需要把event参数带过去，使用$event//template@click="fun2( 2,$event)" //methodsfun2(val,event){}修饰符事件修饰符stop: 阻止事件冒泡prevent: 阻止默认事件，如超链接标签的重定向capture: 网页是默认按照冒泡方式去触发函数的 destroyed：Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。 $nextTick(()=>{})当多次修改data数据时，Vue会做一个data整合进行一次渲染(也就只会调用$nextTick一次)slot 插槽默认插槽//父组件<Child>

</Child>//子组件<template>

【vue】 vue 翻页时钟制作，vue2、vue3

前言 vue 翻页时钟制作基于 kuan-vue-flip-clock 插件，由于插件的样式比较固定，所以想要改变其样式需要自定义 效果 实现 vue2第一种方法 1.安装依赖 npm i kuan-vue-flip-clock 2.vue单文件，我这里是局部注册 <template>

</template - npm vue2第二种方法 新建下面几个文件，我是放在一个文件夹里，展示的话就是FlipClock.vue FlipClock.vue <template>