随笔分类 - Vue
摘要：原因分析： 其实版本库不一致导致的，贼坑，又不提示 解决方案： 先卸载element-ui安装一个低版本的element-ui就可以解决`` 卸载前请先定位到项目根目录下 npm uninstall element-ui npm install element@2.9.2 -S 参考：https:/
阅读全文
摘要：场景再现 数据回显不成功一般是因为数据类型不匹配，所以需要处理成统一数据类型。 解决方案 如果 v-model 绑定的数据是 string 类型，:value 绑定的数据是 number 类型，我这里是通过 + ‘’ ，统一处理成 string 类型 <el-form-item label="所属部
阅读全文
摘要：参考自：https://www.cnblogs.com/vickylinj/p/10877765.html
阅读全文
摘要：一般解决方案： 保留Vue页面的#号就可以避免触发mvc机制 页面地址为：www.aaa.com/#/home 官方指导方案： 解决方案如下： 1、安装iis urlrewriter URL Rewrite : The Official Microsoft IIS Site 2、在网站根目录创建we
阅读全文
摘要：上节我们讲了展开和收缩导航栏 这节我们讲在导航栏添加页面路由 关于路由更多知识请移步：https://router.vuejs.org/zh/guide/ 写在最前面：因为界面布局的多样性，会产生嵌套路由。页面有可能有自己的路由子页面，所以在定义路由文件时需要注意层级关系，否则会出现以下情况： 课程
阅读全文
摘要：上节整理了一下vue中引入组件的两种方式 这节讲下vue中父子控件的传值问题 要实现的功能就是，点击红框的小图标时，左侧导航栏收缩，同时小图标箭头朝右。当点击箭头朝右的图标时，导航栏能展开同时小图标再次改为朝左的图标 再看下我们home页面的代码，里面采用了上左右结构布局。顶部是一个组件，左侧也是一
阅读全文
摘要：上一节主要讲了Home页面的布局及组件的引入 这节讲组件的引入方式 一、第一种写法： 1、在components文件夹--新建--navMenu.vue 2、在要引用组件的页面引入组件 <el-container> <el-aside> <myMenu /> </el-aside> <el-main
阅读全文
摘要：上一节讲了简单封装Http请求并调用登陆的Api接口 这节主要说Home的布局展示 一、设置布局代码 Home页布局参考Elementui中的布局代码（采用上，左右结构） 当然也可以用其他的布局 <el-container> <el-header>Header</el-header> <el-con
阅读全文
摘要：上节主要说了登陆页面的布局 这节主要说Http类的简单封装以及在登陆页面调用api并将结果返回存储 一、封装http帮助类，代码如下： //引入url常量类 import urls from './urls.js' // 导入axios请求封装类 import axios from 'axios'
阅读全文
摘要：上一节主要讲了框架几个文件的功能并改造了App.vue以及main.js文件 这节主要完成login页面并在程序运行时检查本地token，如果没有直接跳转到登陆页面 一、完成login页面，界面如下： 代码如下： <template> <div class="content"> <el-row> <
阅读全文
摘要：1、搭建好的主要几个文件目录结构如下图： 2、为我对各个文件的职责描述： 3、改在App.vue页面（主要就是加入element的布局代码，看看效果） <template> <div id="app"> <!-- <img alt="Vue logo" src="./assets/logo.png"
阅读全文
摘要：前提： 请确保本地已安装node.js并设定相关参数、vue-cli 附vue-cli官网：https://cli.vuejs.org/zh/guide/installation.html 一、使用命令创建 1、打开cmd命令窗口，进入到你想创建项目的文件目录，假设是D盘根目录 2、输入vue cr
阅读全文
摘要：上一篇【IIS】WebApi和Vue混合发布 介绍了混合发布 方法有些笨拙，后续又研究了一下，通过修改RouteConfig文件，可实现不破坏View文件夹的形式，直接放置Vue的Web文件。 具体方法： 1、修改RouteConfig，直接设置单页路由 routes.IgnoreRoute("{r
阅读全文
摘要：何为混合发布呢？ 混合发布的意思就是在webapi的主文件夹下，放置vue网站目录 让vue和webapi使用同一个端口号进行访问 比如：原来的webapi地址为：https://47.96.66.32:1234/Webapi/ Vue再发布一个地址是：https://47.96.66.32:123
阅读全文
摘要：1、打包发布vue网站 执行打包命令： npm run build 或者cnpm run build 打包成功后文件夹目录如下： 2、将dist文件夹拷贝到服务器上，按照iis发布网站的方法发布网站即可 可能碰到的问题： 1、发布后预览网站，有加载的动作但是页面白屏 解决方法： a、检查是否用了ie
阅读全文
