Powered by md-Blog  文 - 篇  访客 -

  • Vue.js获取当前页面本页元素宽度的方法

    标签<div class="bar" ref="item"></div>获取const itemWidth = this.$refs.item.clientWidth;../../md/Vue/

    2021-07-20 19:41:17   2021-07-20 19:41:17
    分类:Vue / 浏览:016267812777624
  • Vue使用vue-pdf.js进行PDF分页、滚动预览放大缩小缩放及文件提取码下载加密下载的方法

    1、安装:vue-pdfyarn add vue-pdf2、修改 node_modules/vue-pdf/src/componentFactory.js由于在缩放中,会产生闪烁(重新渲染),故需要去掉75、76行内容// if ( resolutionScale < 0.85 || resolutionScale > 1.15 ) // this.pdf.renderPage(this.rotate);3、源码:viewPDF.vue<template> <div @contextmenu.prevent=""> <!-- 上一页 --> <div class="

    2021-07-13 19:16:16   2021-07-13 19:13:35
    分类:Vue / 浏览:016261748155391
  • Element-UI模态框会话框弹框dialog出现滚动条,再次点击无法置顶滚动条的解决方法

    现象说明弹框出现后,鼠标滚动到一半或者页面最底部,下次在点开的时候,滚动条及弹框位置还在一半或者底部,可以通过以下方式解决:<el-dialog :title="formTitle" :visible.sync="dialogFormVisible" :lock-scroll="false" //主要是这个属性 :append-to-body="true" //跟这个属性 :close-on-click-modal="

    2021-07-13 19:08:50   2021-07-13 19:08:50
    分类:Vue / 浏览:016261745302376
  • Vue.js $router路由在新标签页面打开链接的方法

    let routeData = this.$router.resolve({ path: 'newPage', query: { id: 1 } }); window.open(routeData.href, '_blank');../../md/Vue/

    2021-07-13 19:08:48   2021-07-13 19:08:48
    分类:Vue / 浏览:016261745285698
  • Vue.js使用FontAwesome字体图标库

    安装yarn add font-awesomemain.js 调用// FontAwesome import 'font-awesome/css/font-awesome.min.css';使用<i class="fa fa-ban"></i>../../md/Vue/

    2021-07-10 13:17:34   2021-07-10 13:17:34
    分类:Vue / 浏览:016258942545187
  • Element-UI重置级联框el-cascader为默认状态恢复默认选项

    组件<el-cascader size="large" style="width:100%" :options="options" v-model="selectedOptions" placeholder="填写县/区名称可以自动搜索" filterable ref="cascader" @change="handleChange"> </el-cascader>重置resetPlace(){ const _cascader = this.$refs.cascader if (_cascader) { _ca

    2021-01-17 12:57:45   2021-01-17 12:57:45
    分类:Vue / 浏览:016108594657162
  • Vue筛选过滤,使用filter过滤实现搜索

    模板代码<input type="text" placeholder="过滤ID" v-model="filter_sku_id" /> <table> <tr v-for="(item,index) of sku_id_data_list" :key="item.id"> <td>{{ index + 1 }}</td> <td>{{item.sku_id}}</td> </tr> </table>sku_id_data 为获取数据computed: { sku_id_data_list() { retur

    2020-11-07 15:59:21   2020-11-07 15:59:21
    分类:Vue / 浏览:016047359615457
  • Vue.js子组件传值给父组件并且赋给v-model

    子组件:这里注意一定要传给 inputmethods: { this.$emit('input', '我的要传的值'); }父组件:drop-down 为一个组件名<drop-down v-model="myDrop"></drop-down> {{ myDrop }}../../md/Vue/

    2020-11-01 17:25:28   2020-04-23 13:50:49
    分类:Vue / 浏览:015876210496651
  • Vue.js的优点

    1、体积小压缩后 33k2、更高的运行效率基于预操作的虚拟DOM3、响应式编程双向数据绑定这里的响应式不是 @media 媒体查询中的响应式布局,而是指 vue.js 会自动对页面中某些数据的变化做出响应。这也就是 vue.js 最大的优点,通过MVVM思想实现数据的双向绑定,让开发者不用再操作dom对象,有更多的时间去思考业务逻辑

    2020-11-01 17:25:28   2020-03-30 09:54:44
    分类:Vue / 浏览:015855332844656
  • Vue.js通过:is进行动态组件切换

    Vue.js 中,我们可以使用 :is 进行组件的动态切换。示例<template> <div> <!-- 点击按钮,切换组件 --> <button @click="showWhat = 'A'">showA</button> <button @click="showWhat = 'B'">showB</button> <!-- 组件 --> <keep-alive> <component :is="showWhat"></component> &

    2020-11-01 17:25:28   2020-06-08 10:30:09
    分类:Vue / 浏览:015915834098413
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计