
vue
dong-v
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue实现点击当前标签高亮效果
现实现点击按钮使当前按钮高亮,其他按钮复原的效果实现思路在data中定义即将渲染的数据,及activedata() { return { wpList: [ { name: '食品饮料' }, { name: '鲜花' }, { ...原创 2018-06-21 10:25:38 · 37760 阅读 · 2 评论 -
vue中使用element-ui进行表单验证
element-ui 中验证一、简单逻辑验证(直接使用rules)实现思路html中给el-form增加 :rules="rules"html中在el-form-item 中增加属性 prop="名称"js中直接在data中定义rules:{}html部分<el-form ref="form" :r原创 2018-06-21 16:12:25 · 49391 阅读 · 8 评论 -
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 · 15623 阅读 · 1 评论 -
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 · 54517 阅读 · 2 评论 -
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 · 15347 阅读 · 2 评论 -
mpVue中使用小程序自带组件 picker
mpVue中使用小程序自带组件 picker最近开始开发小程序,多方对比后选择了mpvue,特来记录开发过程中的一些坑,这是第一坑picker组件html部分<picker mode="date" :value="date" start="2015-09-01" //坑在这里,不能使用小程序自带的bindchange,使用@ @change...原创 2018-09-13 16:05:34 · 10008 阅读 · 3 评论 -
vue-cli项目中使用全局过滤器及传参
全局过滤器使用一、新建一个js文件,放置过滤器,例如放置main.js同级,新建filters.js(以日期过滤器为例,使用了过滤器传参,如不需要则去掉第二个参数即可,第一个参数需保留)// 过滤日期格式,传入时间戳,根据参数返回不同格式const formatTimer = function(val, hours) { if (val) { var dateTime...原创 2018-11-09 14:22:13 · 2905 阅读 · 0 评论 -
vue父子组件传值实践
以一个商品列表为例,将每一项商品抽离出一个子组件,实践父子组件的传值父组件为商品列表页面子组件为goodItem常见情况一 子组件接收父组件的值(示例为父组件获取到对应的商品列表data后传值给商品列表子组件进行渲染)Step1、新建子组件子组件需要从父组件接收到列表data,不在data里进行声明,直接在props中进行传递,命名为goodListStep2、父组件引入子组件...原创 2019-07-25 17:47:34 · 786 阅读 · 0 评论