weixin_43182021的博客

一、动态路由应用场景：从信息列表组件，点击详情操作，跳转至详情组件，显示该条信息。个人实现思路：在列表页，获取该条数据id,将该id传至详情组件，在详情组件中传id参数，通过详情接口获取详情信息知识点：1、jQuery项目中，跨页面传参的实现1.1通过url传参function getUrlParam(key) { // 获取参数 var url = window.lo...

实现代码<template> <div class="upload_con"> <el-dialog :title="title" :visible.sync="isShowUpload" @close="close" width="630px"> <div style="

1、下载uditor压缩包从Ueditor的官网Ueditor编辑器，官网地址为：http://ueditor.baidu.com/website/将上述ueditor文件夹拷贝到vue项目的static文件夹中，此文件夹为项目的静态服务文件夹；2.修改配置在ueditor.config.js中修改如下代码：window.UEDITOR_HOME_URL = "./stati...

1、安装babel-polylfilnpm i --save-dev babel-polyfill2、在build下webpack.base.conf.js文件中引入module.exports = { entry: { app: ['babel-polyfill', './src/main.js'] },}3、.babelrc文件的配置{ ...

一、兼容性vue-quill-editor 不兼容ie10以及ie10以下，所以有兼容性需求时，慎用。二、实现代码<template> <div> <div style="background:#fff;width:100%;height:100%"> <quill-editor v-model="co...

说到后台管理系统，就免不了涉及到权限的管理。在项目中，主要遇到的有两种，一种是页面的限制，一种操作按钮的限制。首先我们聊一下页面的权限限制：一、路由的配置 （router—> index.js）1、不对权限做限制的页面（路由的初始配置）export const constantRouterMap = [ { path: '/', na...

如图所示，一个vue项目结构如下：src下assets文件夹需要进过webpack打包，而static则不需要进行打包一、将静态资源放到assets文件夹时当我们把一些静态资源放到assets文件夹下时，我们需要用相对路径引入： <div> <img :src="require('@/assets/img/1.png')" alt> &...

1、Prop的大小写HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名：Vue.component('blog-post', { // 在 JavaScript 中是 camelCase 的 pro...

可能你的许多组件只是包裹了一个输入框或按钮之类的元素，是相对通用的。我们有时候会把它们称为基础组件，它们会在各个组件中被频繁的用到。幸好如果你使用了 webpack (或在内部使用了 webpack 的 Vue CLI 3+)，那么就可以使用 require.context 只全局注册这些非常通用的基础组件。这里有一份可以让你在应用入口文件 (比如 src/main.js) 中全局导入基础组件...

一、自定义事件（事件名）不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子，如果触发一个 camelCase 名字的事件：this.$emit('myEvent')则监听这个名字的 kebab-case 版本是不会有任何效果的：<my-component v-on:my-event="doSomethi...

一、方法一在公用文件common.js中设置baseUrlexport var baseUrl = process.env.NODE_ENV === 'production' ? window.g.ApiUrl : '/api'该方法的优点：在项目打包时，static下面的文件是不会被webpack处理的，所以可以通过改变static下config.js中的值，更改服务器地址...

一、使用脚手架自带的代理机制config下的index.js中的proxyTable的配置dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: './', proxyTable: { '/api': { target: 'http://news.baidu.com',...

一、安装node.jsnode官网地址注意：安装时，可以默认安装到指定路径，如何更改安装路径，请更改环境变量配置。我的电脑—属性—高级系统设置—高级—环境变量—Path检测node是否安装成功 node –v 如果安装成功，则会显示node的版本号二、安装vue-clinpm i vue-cli -g三、搭建vue项目vue init webpack...

一、 Vue.extend(options)使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。data选项是特例，需要注意 - 在Vue.extend()中它必须是函数<div id="mount-point"></div>// 创建构造器var Profile = Vue.extend({ template: '&l...