logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue-element-admin路由后端返回,动态渲染

vue-element-admin默认是按照路由meta.role角色,动态匹配的。但通常是不灵活的。总不能每次设置一个角色,前端还要动态配置。相对理想的状态,是后台配置一个用户,设置role权限,权限绑定了你需要的路由模块。本文讲述如何根据后台路由,动态渲染后台管理系统菜单栏。下载模板链接修改配置store/modules/perimission.js.import { constantRout

Vue3 从新出发

整理两篇关于vue3文章。我不是生产者,但努力做好一个传递者一、使用vite初始化项目vite 介绍vite是尤大大在今年新鼓捣出来的一个工具,尤大大对vite的描述是这样的: Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bun

Vue3新特性 尝鲜 真香

官方还没有正式推出来,利用@vue/composition-api先预热一下初始化项目npm install -g @vue/clivue create vue3npm install @vue/composition-api --save// main.js 导入import VueComposition from '@vue/composition-api'Vue.use...

Vue -Ts入门 Vuex (二)

接着上文Vue -Ts入门 (二)本人也是第一次写,所以若有所出处,欢迎指正。准备工作按照个人项目实际情况npm i vuex -Snpm i vuex-class -S文件夹目录main.tsimport Vue from "vue";import Test1 from "./views/Test1.vue";+ import store from "./sto...

#typescript
Vue -Ts入门 mixins (四)

mixin混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。会把data / created / methods … 合并创建一个mixin的文件myMixin.tsimport { Component, Vue } from 'vue-proper...

#typescript
Vue 遍历单项选择 答题卡

UI设计稿如果是定义好的,数目不多的话。可能就会写死。几道题目就在data里,写几个对应v-model绑定的对应值。(插一句在vue中选中状态,不能checked,selected作为选中状态,vue是数据绑定的,也就是说data中绑定初始值来默认选中。)可是实际项目需求是 遍历问卷调查列表页,之后动态遍历问卷详情,也就是上图。如果只是渲染视图,应该没什么问题,关键在于v-model绑定值的...

Vue -Ts入门 (一)

本文章,是个人第一次尝试利用vue-cli3(事实更新vue-cli4),从头开始,加入typeScript。如果有出处,欢迎指正。共同成长。本文是做vue+ts;不会对原vue做过多的说明,如果有问题,欢迎私聊探讨。TypeScript 官网链接创建项目vue create vue-ts其他你自己按需求吧。shims-vue.d.ts毕竟 ts 默认只识别 .d.ts、.t...

#typescript
vue-next

vue-next项目地址git地址:链接git clone git@github.com:vuejs/vue-next.gitnpm installnpm run dev // 生成一个未压缩的状态vue文件入门小案例<!DOCTYPE html><html lang="en"><head><meta charset="UTF...

vue-cli3 配置 vue.config.js 环境变量env

const path = require("path");const uglifyJsPlugin = require("uglifyjs-webpack-plugin");const IsProduction = process.env.NODE_ENV === "production";// 引入文件function resolve(dir) {return path.jo...

Vue -Ts入门 Vue-Router (三)

全局路由可以正常使用。这里说明的是组件内路由钩子main.jsimport router from './router';import { Component } from 'vue-property-decorator';Component.registerHooks(['beforeRouteEnter','beforeRouteLeave','beforeRout...

#typescript
    共 11 条
  • 1
  • 2
  • 请选择