dong-v-CSDN博客

原创 vue父子组件传值实践

以一个商品列表为例，将每一项商品抽离出一个子组件，实践父子组件的传值父组件为商品列表页面子组件为goodItem常见情况一子组件接收父组件的值（示例为父组件获取到对应的商品列表data后传值给商品列表子组件进行渲染）Step1、新建子组件子组件需要从父组件接收到列表data,不在data里进行声明，直接在props中进行传递，命名为goodListStep2、父组件引入子组件...

2019-07-25 17:47:34 739

原创 vue-cli项目中使用全局过滤器及传参

全局过滤器使用一、新建一个js文件，放置过滤器，例如放置main.js同级，新建filters.js(以日期过滤器为例，使用了过滤器传参，如不需要则去掉第二个参数即可，第一个参数需保留)// 过滤日期格式，传入时间戳，根据参数返回不同格式const formatTimer = function(val, hours) { if (val) { var dateTime...

2018-11-09 14:22:13 2861

原创 mpVue中使用小程序自带组件 picker

mpVue中使用小程序自带组件 picker最近开始开发小程序，多方对比后选择了mpvue，特来记录开发过程中的一些坑，这是第一坑picker组件html部分<picker mode="date" :value="date" start="2015-09-01" //坑在这里，不能使用小程序自带的bindchange,使用@ @change...

2018-09-13 16:05:34 9974 3

原创 vue动态设置页面title方法

下载npm install vue-wechat-title --save在mian.js中引入//设置titleimport VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle)在router的index.js的路由中加上参数 { path: '/login', ...

2018-07-13 09:47:16 15295 2

原创 vue中单选框设置默认选中值

vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的html部分是通过v-for取的后台的数据 <li v-for="(value,i) in addList" :key="value.id"> <input class="radio" type="radio" nam...

2018-07-06 10:45:35 54203 2

原创 vue中实现省市区三级联动(V-Distpicker插件)

本次项目中使用了V-Distpicker 插件实现了省市区三级联动V-Distpicker 项目文档地址V-Distpicker git地址使用方法npm install v-distpicker --saveimport VDistpicker from 'v-distpicker'export default { components: { VDistp...

2018-07-05 15:56:28 15225 1

原创零碎笔记：实现点击验证码开始倒计时功能

实现点击验证码开始倒计时在项目中涉及到短信验证功能时必不可少的是发送验证码的点击后倒计时效果，本次记录使用jquery和vue两种方式的实现：使用jquery实现HTML部分<form> <input type="number" class="iphone" name="iphone" maxlength="11" placeholde...

2018-06-27 14:39:01 585

原创如何将一个数组中的值（对象）变相放入另一个数组中

最近项目中需要将后台返回的数据，如下var arr1 = [{ "1": "员工信息" }, { "2": "员工账号" }]变相为以下数组形式TargerHeaderField = [{ TargetHeadFieldName: "员...

2018-06-27 14:16:16 13895

原创 vue中使用element-ui进行表单验证

element-ui 中验证一、简单逻辑验证（直接使用rules）实现思路html中给el-form增加 :rules=&quot;rules&quot;html中在el-form-item 中增加属性 prop=&quot;名称&quot;js中直接在data中定义rules:{}html部分&amp;lt;el-form ref=&quot;form&quot; :r

2018-06-21 16:12:25 49031 8

原创 vue实现点击当前标签高亮效果

现实现点击按钮使当前按钮高亮，其他按钮复原的效果实现思路在data中定义即将渲染的数据，及activedata() { return { wpList: [ { name: '食品饮料' }, { name: '鲜花' }, { ...

2018-06-21 10:25:38 37605 2

原创常用原生js

近期原生js用法js获取元素document.getElementById('sidebar') //获取id元素document.getElementsByClassName（'sidebar'） //获取类名元素document.querySelector("#contatiner") //获取id元素document.querySelector(".contatiner...

2018-06-20 16:13:49 395

原创 Vue学习笔记三：使用vuex与localstorage管理登录权限

使用vuex与localstorage管理登录权限此次采用vuex + localstorage 配合使用来管理用户的登录状态，只使用vuex的话在用户进行刷新时将会自动删除，所以配合localstorage，这样可以让SPA应用中既可以同步用到数据，又不受刷新影响，实现步骤如下：下载并安装vuex（具体可参见笔记一）npm install vuex -S在公用ba...

2018-06-20 13:46:57 5345 5

公用方法、样式处理1、公共样式、共用rem文件这类型的直接在main.js中通过import的方式引入，如下：// 引入公共文件import './assets/css/reset.css'import './assets/js/useRem.js'2、共用方法，后期会在各组件中调用的函数，需要新建一个base.js的文件，放置位置与main.js同级，base.js内部,写法如下：expo...

2018-06-20 11:40:32 5064

原创 Vue学习笔记一：快速开始vue

1、在项目想搭建的目录中无需建立项目文件夹 npm i vue-cli -g 这是构建vue 脚手架（是全局安装，以后直接进行下一步即可）2、vue init webpack vue_demo vue_demo就是项目名称 vue init webpack-simple vue_demo 这个是简版的3、接着填写项目相关一直回车注意尽量不...

2018-06-20 11:16:39 724

原创移动端audio自动播及获取audio.duration

最近需要在微信公众号上使用audio标签，在模拟器中测试没问题，放到手机端一看，坑爹啊，不会自动播放，且获取不到duration值，自制进度条没效果，于是从网上查看各大神博客，终于解决了这个问题，代码如下：<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <sc...

2018-06-15 15:05:40 3695

原创前端实现上拉加载数据（未使用插件）

现在开发项目很多时候依赖于插件，很少去手动实现一些实用的功能了，最近项目中用到了上拉加载（其实本心一直认为只要是列表性的东西就应该主动实现上拉加载，可是因为懒，很少弄，懒也是种病，得治），项目中用了dropload插件，很快捷实现了，但还是觉得很繁琐，最近闲下来了，就试着自己实现一下，实现思路在代码中，不多说啦，代码如下，不足之处，多多指正！<!DOCTYPE html><ht...

2018-06-15 14:44:42 1634

星晴Dong