![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
wtyzky
这个作者很懒,什么都没留下…
展开
-
element-UI中实现省市县三级联动
npm install element-china-area-data -Simport { regionData, CodeToText } from "element-china-area-data";<template> <div id="app"> <div> <el-cascader size="large" :options="options" v-model="select原创 2022-01-06 21:51:47 · 222 阅读 · 0 评论 -
Vue生成二维码
利用qrcodejs来实现二维码步骤一:安装二维码打印的插件npm install qrcodejs2 --save步骤二:在需要生成二维码的界面引入二维码生成模块import QRCode from "qrcodejs2";qrcode() {//这里是调用的方法 let qrcode = new QRCode("qrcode", { width: 232, // 设置宽度 height: 232, // 设置高度 text: "h原创 2020-06-05 20:59:43 · 164 阅读 · 0 评论 -
Vue实现打印功能
Vue实现打印功能第一步 安装打印插件第二步 在main.js中进行引入第三步 给需要打印的区域添加id,然后再添加一个打印按钮为按钮添加 v-print 属性,属性的值就是'#+id'然后就可以实现打印功能了,点击打印按钮直接唤起打印功能。非常简单好用,下面附上效果图,我这里用的是element-UI做的溯源码打印界面。第一步 安装打印插件npm install vue-print-nb --save第二步 在main.js中进行引入import Print from 'vue-print-原创 2020-06-05 20:50:21 · 8953 阅读 · 2 评论 -
element-ui的表单重置方法resetFields()的坑,及简单解决。
代码示例: <!-- 新增产品dialog弹窗开始 --> <el-dialog title="添加产品信息" :visible.sync="addDialogVisible" width="40%" @close="addFormClosed" > <!-- 表单内容区 --> <el-form enctype="mu...原创 2020-02-15 14:35:14 · 2261 阅读 · 0 评论 -
Vue高频面试题(自己总结...持续更新中)
1、v-if和v-show的区别:v-if是通过操作DOM来控制元素的显示和隐藏。v-show是通过控制CSS的display属性来控制元素显示和隐藏。v-if只有当条件为真时才会开始局部编译,v-show在任何情况下都会被编译,DOM元素保留。性能消耗:v-if有较高的切换消耗,v-show有较高的初始渲染消耗。使用场景基于以上区别,因此,如果需要非常频繁地切换,则使用 v-show ...原创 2020-02-04 22:50:52 · 318 阅读 · 0 评论 -
Vue嵌入视频直播(vue-video-player)支持.m3u8格式
1、安装vue-video-playernpm install vue-video-player --save2、在main.js中引入vue-video-playerimport VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/c...原创 2020-01-06 16:53:16 · 11727 阅读 · 16 评论 -
Vue父子组件传值
父组件向子组件传值一、在子组件上动态绑定一个属性(v-bind:Pmsg=“msg”),重新定义一个变量(Pmsg),用来接收父组件的数据。二、将子组件模板中需要展示数据的标签替换成步骤一中定义的数据(template:‘我是子组件–{{Pmsg}}’,)。三、在子组件中用props来接收这个数据。( props:[‘Pmsg’])<div id="app"> ...原创 2019-12-30 09:52:23 · 83 阅读 · 0 评论 -
Vue组件化开发
组件化开发和模块化开发的区别1、模块化:模块化开发是从代码逻辑角度来划分的。2、组件化:是从UI界面角度来划分的。Vue创建组件的方式第一种方式<body> <div id="app"> <!-- 使用标签形式引入组件 --> <mycom></mycom> </div>...原创 2019-12-28 20:38:19 · 91 阅读 · 0 评论 -
vue-request发起网络数据请求
首先要引入vue-request.js,且顺序在vue.js后面,vue-request.js依赖与vue.js//get方式发起网络数据请求getInfo(){ this.$http.get('URL').then(function(result){ console.log(result.body)})}//post方式发起网络数据请求 //post需要设置第三个参数postI...原创 2019-12-27 20:52:01 · 17713 阅读 · 1 评论 -
Vue生命周期
总结:beforeCreate:此时,data和methods中的数据还没有被初始化。created:此时,data和methods中的数据已经初始化完毕。如果需要操作data中的数据或调用methods中的方法,最早只能在created中操作。beforeMount:执行此函数的时候,模板在内存中编译好了,但还没有挂载到页面上去,此时的页面还是旧的。mounted:页面中的DOM已...原创 2019-12-27 16:42:33 · 117 阅读 · 0 评论