Powered by md-Blog  文 - 篇  访客 -

  • Vue.js 使用ECharts制作图表

    安装yarn add echartsmain.js// echarts import echarts from 'echarts' Vue.prototype.$echarts = echartsecharts.vue<template> <div> <div id="home_charts" :style="{width: '300px', height: '300px'}"></div> </div> </template> <script> export default { mounted(){ this.drawLine(); }, methods: { drawLine(){ let home_charts = this.$ec

    2020-06-23 20:50:32   2020-06-23 20:50:32
    分类:Vue / 浏览:015929166325978
  • Vue Router 配置教程及嵌套路由、传参、动画效果等

    安装yarn add vue-router入口配置main.jsimport Vue from 'vue' import router from './router' // 添加 new Vue({ el: '#app', router, // 添加 render: h => h(App) });配置文件router/index.jsimport Vue from 'vue' import Router from 'vue-router' import Home from '@/Home' import Cart from '@/Cart' import Me from '@/Me' import NoPage from '@/NoPage' Vue.use(Router) const originalPush = Router.prototyp

    2020-06-22 20:16:39   2020-04-01 09:44:47
    分类:Vue / 浏览:015857054875021
  • Vuex快速上手安装及使用

    Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式。文档地址:https://vuex.vuejs.org/zh/installation.html安装yarnyarn add vuexnpmnpm install vuex --savemain.jsimport store from './store' new Vue({ store, render: h => h(App), }).$mount('#app')新建文件 ./store/index.jsimport Vue from 'vue' import Vuex from 'vuex' // 挂载Vuex Vue.use(Vuex) // 创建VueX对象 const store = new V

    2020-06-14 18:55:00   2020-06-14 18:55:00
    分类:Vue / 浏览:015921321009764
  • Vue.js添加代码高亮插件vue-highlightjs

    安装yarnyarn add vue-highlightjsnpmnpm install vue-highlightjs --savemain.jsimport VueHighlightJS from 'vue-highlightjs' import 'highlight.js/styles/github.css' // 此处选择你需要导入的样式 Vue.use(VueHighlightJS)使用<pre v-highlightjs="model_code"><code></code></pre>model_code 为绑定的代码数据../../md/Vue/

    2020-06-13 11:25:35   2020-06-13 11:24:44
    分类:Vue / 浏览:015920186848027
  • Vue.js通过:is进行动态组件切换

    Vue.js 中,我们可以使用 :is 进行组件的动态切换。示例<template> <div> <!-- 点击按钮,切换组件 --> <button @click="showWhat = 'A'">showA</button> <button @click="showWhat = 'B'">showB</button> <!-- 组件 --> <keep-alive> <component :is="showWhat"></component> &

    2020-06-08 10:30:09   2020-06-08 10:30:09
    分类:Vue / 浏览:015915834098413
  • Vue.js加载时屏幕闪现使用v-cloak指令

    当网络较慢,网页还在加载 Vue.js,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。在简单项目中,使用 v-cloak 指令是解决屏幕闪动的好方法。但在大型、工程化的项目中(webpack、vue-router)只有一个空的 div 元素,元素中的内容是通过路由挂载来实现的,这时我们就

    2020-05-27 12:43:51   2020-05-27 12:43:05
    分类:Vue / 浏览:015905545855841
  • Vue.js与后台通讯时 axios 无法 POST 的解决方案

    因为通过 axios 解析后的 post数据 不是正规的,所以需要 qs 进行转换安装 qsyarn add qsApp.vue import axios from "axios"; import qs from "qs"; ... let qsData = qs.stringify({login: _this.loginPwd,}); axios .post("/api.php", qsData) .then(function(res) { console.log(res); }) .catch(function(error) { console.log(error); });../../m

    2020-05-26 18:01:07   2020-04-03 14:13:19
    分类:Vue / 浏览:015858943997288
  • Vue.js子组件传值给父组件并且赋给v-model

    子组件:这里注意一定要传给 inputmethods: { this.$emit('input', '我的要传的值'); }父组件:drop-down 为一个组件名<drop-down v-model="myDrop"></drop-down> {{ myDrop }}../../md/Vue/

    2020-04-23 13:50:49   2020-04-23 13:50:49
    分类:Vue / 浏览:015876210496651
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计