Vue.js

vue实现页面打印,滚动区域打印

vue打印插件 使用方法 import Print from '@/plugs/print' Vue.use(Print) // 注册 <template> <section ref="print">     打印内容     <div class="no-print">不要打印我</div> </section> <

2022年11月11日 1614 0

阅读全文

Vue.js

vue中过滤器filters的使用

过滤器顾名思义就是需要将后端传过来的数据  “过滤”一哈显示在网页上，Vue.js允许你自定义过滤器，可被用作一些常见的文本格式化 局部过滤器： 局部过滤器只能在当前vue文件里面使用； <template>     {{ message | capitalize }} </template> <script> export default {  

2021年08月16日 2768 0

阅读全文

Vue.js

Vue+Element实现服务调用el-dialog弹窗

在使用Vue + Element 实现需求时常会遇到单个Vue文件内出现多个弹窗需求，一般会这样写 <!--*.vue--> <template>   <el-dialog :visible="visible1">弹框1</el-dialog>   <el-dialog :visible="visible2">弹框2</el

2021年07月30日 3234 0

阅读全文

Vue.js

vue自定义指令的方法

除了默认设置的核心指令( v-model 和 v-show )，Vue 也允许注册自定义指令。在Vue里，代码复用的主要形式和抽象是组件。然而，有的情况下，仍然需要对纯 DOM 元素进行底层操作，这时候就会用到自定义指令。本文将详细介绍Vue自定义指令。 指令注册 以一个input元素自动获得焦点为例，当页面加载时，使用autofocus可以让元素将获得焦点 。但是autofocu

2021年07月21日 2291 0

阅读全文

Vue.js

vue自定义组件实现v-model双向绑定

    vue中父子组件通信，都是单项的，直接在子组件中修改prop传的值vue也会给出一个警告，接下来就用一个小列子一步一步实现了vue自定义的组件实现v-model双向绑定，父组件值变了子组件也会跟着变，子组件中传过来的值变了，父组件值也会跟着变化。如有错误的地方欢迎评论指出 父级组件 <template>   <div>     <p>我是父级

2021年07月21日 2797 0

阅读全文