![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 57
suzyCai
想看看外面的世界。
展开
-
学习vuex
vuex 官网npm install vuex --saveimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { state.count++ } }})现在,你可以通过 store.state 来获取状态对象,原创 2021-12-27 15:11:19 · 162 阅读 · 0 评论 -
element ui 中表格数据大时页面卡顿,出现白屏问题解决
使用umyui 插件umyui文档地址<u-table use-virtual show-body-overflow="title" show-header-overflow="title" :data="tableData" :span-method="arraySpanMethod" :cell-class-name="tableRowClassName" border style="width: 100%"原创 2020-10-26 09:50:07 · 4020 阅读 · 0 评论 -
vue跳转当前页面不刷新问题
利用provide 和inject 解决:vue跳转当前页面不刷新问题App.vue<template> <div id="app"> <router-view v-if="isRouterAlive" ref="route" /> </div></template><script>export default { name: 'App', provide() { return {原创 2020-09-09 13:35:01 · 621 阅读 · 0 评论 -
vue 路由
中文文档:https://router.vuejs.org/zh/下载地址:npm install vue-router --save1、相关API说明1) VueRouter(): 用于创建路由器的构造函数new VueRouter({// 多个配置项})2)路由配置routes:[ { // 一般路由 { path: '/foo', component: Foo }, { path: '/bar', component: Bar } }]3)注册路由器i原创 2020-08-07 16:05:03 · 107 阅读 · 0 评论 -
vue 组件通信
1、父组件给孙组件传递消息// 父组件<template> <aaa foo="Hello, world" coo="Hello,rui" /></template><script>import aaa from '@/views/supplementary/baseSetting/sizeRatio/aaa'export default { name: 'parent', components: { aa原创 2020-05-13 13:46:35 · 133 阅读 · 0 评论 -
vue-过滤器
1、如何在js里面使用局部过滤器?console.log(this.$options.filters['changeCapitalLetter'](data.stop_type))2、如何在js里面使用全局过滤器?import { $getExecuteStatus } from '@/utils/vue-filters'console.log($getExecuteStatus('WAIT_RELEASE'))...原创 2020-05-12 11:17:39 · 96 阅读 · 0 评论 -
vue如何显示小于12px的字体,利用canvas
组件部分<template> <view><canvas :style="{ width: canvasWidth + 'px', height: canvasHeight + 'px' }" canvas-id="textCanvas"></canvas></view></template><script&g...原创 2020-02-21 17:19:52 · 2064 阅读 · 0 评论 -
vue 学习笔记
1、指令v-bind:titlev-bind:src —— 还可以写成: :src=''v-on:click —— 还可以写成: @click='' 阻止点击事件继续传播:@click.stop=''v-ifv-else-ifv-elsev-showv-for ——v-for="(item, index) in items"v-modelv-htmlv-text2、计...原创 2020-08-27 17:31:52 · 89 阅读 · 0 评论 -
创建vue项目
1、创建Vue项目npm install -g vue-clivue init webpack vue_democd vue_demonpm installnpm run dev2、3、4、原创 2019-09-23 17:38:54 · 87 阅读 · 0 评论