vue
文章平均质量分 54
qingzhizhenhun
这个作者很懒,什么都没留下…
展开
-
在vue中使用jquery
公司业务用到nodejs,vue,webpack等技术,最近正在学习中;遇到了一个这样的情况,在vue中需要使用jquery跟bootstrap的一些功能,特此记录.首先vue init webpack projectname创建新的vue项目进入项目目录后,npm install jquery --save,下载jquery依赖包然后,在build目录的webpack.base.co原创 2017-12-21 14:30:36 · 3118 阅读 · 0 评论 -
iview,element中,多个表单验证报错的解决办法
最近遇到了一个表单验证的坑,搞了很久才解决这个问题,这里记录一下iview,element这两个ui框架,表单验证都是通过async-validator来实现的给最外层设置一个ref,提交的时候用this.$refs[ref].validate(valid => { if (valid) { this.$Message.success("Succes...原创 2018-12-11 19:15:00 · 1456 阅读 · 1 评论 -
前端js调用摄像头进行录像并传到后端
js调用摄像头录像并传到后端参考自https://juejin.im/entry/5b91e8e7f265da0ac55e2cd6?tdsourcetag=s_pcqq_aiomsg项目要求前端h5页面调用摄像头录像,然后传给后端进行人脸识别,根据返回值进行路由跳转,流媒体这方面以前接触过的都是推流拉流转发之类的软件,前端进行流媒体开发,最常用的是flash,兼容性也最好,但是它的学习成本太高...转载 2018-11-27 14:35:08 · 21136 阅读 · 8 评论 -
vue之子组件调用父组件的方法
遇到一个需求: 如图,表格是父组件,组件加载的时候,调用getAddress()从后台获取数据 点击编辑按钮弹出一个框 弹出框是子组件,用来编辑表格里面的信息,遇到了一个问题,弹框保存以后,页面上未能及时显示出改变以后的数据, 一开始使用了页面刷新的办法,但是感觉每次编辑都要刷新,体验不好,于是想用另外的方法,在子组件里触发父组件的getAddress()方法 于是在子组...原创 2018-03-21 11:35:23 · 1951 阅读 · 0 评论 -
vue+element的表格实现批量删除功能
最近写了一个批量删除功能,遇到了不少坑,特此记录一下 表格的代码如下<el-table @row-click="handleCurrentChange" @selection-change="selsChange" ref="table" :data="pageData" stripe :default-sort="{prop: 'createAt', order: 'desc...原创 2018-03-24 15:14:39 · 15373 阅读 · 2 评论 -
vue-router中的编程导航
网页中有两种跳转方式,通过a标签跳转,叫做标签跳转,通过window.local.herf的方式,叫做编程式导航vue中,使用this.$router来实现编程式导航this.$route与this.$router的区别:this.$route是路由的"参数对象",所有路由中的参数,params,query都属于它,this.$router是一个"导航对象",用它可以方便地使用JS代码,实现路由原创 2018-01-30 14:31:18 · 298 阅读 · 0 评论 -
js中的异步问题
今天遇到了一个问题,在vue中,我有多个产品共用一个组件,但是产品名不同,支持的平台也不同,所以想到用product接收对应的产品名,v-if来判断是否显示平台 通过路由的props来接收对应的product, 在vue组件的data中,有prices这个对象,通过调用接口来接收后台传来的参数,显示每个产品有哪些平台,每个平台对应的价格代码如下:props:["product"],原创 2018-02-05 10:54:37 · 667 阅读 · 0 评论 -
vue-router中传参的两种方式
vue-router中,有query跟params两种传参方式,可以让不同的path指向同一个组件,并且能获取对应的参数1.params 我们创建一个组件news,其中两个router-link,path不同<template> <div class="hi"> <h3>新闻列表</h3> <router-link to="/news/news001?nam原创 2018-01-26 16:40:54 · 14750 阅读 · 1 评论 -
v-else前面有多个v-if
v-else是紧跟在v-if后面的,当v-if不执行时,会立即执行,但是前面有多个v-if时,一个v-if不执行,v-else也会立即执行为了解决这种情况,vue提供了v-else-if来添加”else块”<div v-if="Math.random() > 0.5"> Now you see me</div><div v-else> Now you don't</div>原创 2018-02-02 15:44:24 · 2551 阅读 · 0 评论 -
ES6与Node中导入导出成员的区别
Node中导出成员的方法是 require跟module.exports```const webpack = require('webpack')//引入webpack,因为webpack是node依赖,所以支持所有node语法//使用module.exports对外暴露成员module.exports = { entry:{}, output:{}, module:{原创 2018-01-15 17:02:13 · 758 阅读 · 0 评论 -
在vue中如何引入element-ui
Element-ui是饿了么团队为vue提供的ui组件,下面介绍如何在项目中引入与使用借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。首先安装 babel-plugin-component:npm install babel-plugin-component -D然后,更改.babelrc文件,这个文件是es6语法的编译器原创 2017-12-22 10:50:22 · 5298 阅读 · 0 评论 -
修改npm包的源码并发布
最近使用iview的时候遇到了问题,框架本身缺少功能,需要进行修改,于是根据网上的教程修改了iview的源码并且发布到了npm上,过程中遇到了一些问题,这里记录一下起因是Cascader这个组件需要有一个鼠标移上去显示title的效果,我现在鼠标移到江苏上希望能显示一个小标题&lt;Cascader :data="data" :value.sync="value1" @on-change="s...原创 2019-02-16 16:49:01 · 7639 阅读 · 1 评论