vue
huipo22
小学生
展开
-
vue中使用highchart
1.安装highchart依赖并导入import Highcharts from 'highcharts'import HighchartsNoData from 'highcharts-no-data-to-display'import HighchartsMore from 'highcharts-more'HighchartsNoData(Highcharts);//导入hightchar原创 2017-10-11 21:18:14 · 1748 阅读 · 0 评论 -
mint-ui Message-box 自定义样式
需求:mint-ui中的messagebox 的样式满足不了自己的需求,需要自己根据文档设置自定义样式,代码如下:<mt-cell title="解绑" is-link @click.native="unbind"> <img slot="icon" src="/static/images/unbind.png" width="24" height="24"></mt-cell>js部分:un原创 2017-10-09 10:37:46 · 6663 阅读 · 1 评论 -
Vue中,methods中调用filters里的过滤器
需求:vue中,除了在模板中使用过滤器,有时候,methods中也需要使用filters中的过滤器,filters: { formatScore(score) { if (score < 20) { score = '不合格'; } else if (score >= 20 && score <= 27)原创 2017-10-16 18:13:59 · 12138 阅读 · 4 评论 -
Vue非父子组件通讯
1 . 新建一个事件中心的js,方便在每个地方使用。//Bus.js文件import Vue from 'vue'; export default new Vue(); 2 . 使用方法//A.vue文件import Bus from 'Bus文件所在的目录/Bus'methods:{ sent:(){ //在此处提交给另一个组件 ...原创 2018-04-09 17:35:39 · 289 阅读 · 0 评论 -
自定义组件使用 v-model
//自定义组件使用 v-model 因此,对于一个带有 v-model 的组件,它应该如下: 1. 接收一个 value prop 2.触发 input 事件,并传入新值// user.vue组件<template> <select v-model="text"> <option :value="user.id" v-f...原创 2018-04-17 11:45:31 · 1215 阅读 · 0 评论 -
vue-router通过url传递参数给组件的props
//router-view指定name <router-view name="modal"/>//路由跳转地址页面<template> <div class="hello"> <ul> <router-link :to="{path:'/bvue',query:{a_data:[1,2,3],b_data原创 2018-05-02 15:26:13 · 11130 阅读 · 0 评论