weixin_39407291的博客

1.服务器端设置跨域header(“Access-Control-Allow-Origin:*”);header(“Access-Control-Allow-Headers:content-type”);header(“Access-Control-Request-Method:GET,POST”);2.可以自己设置一个代理服务器，使用proxyTable首先在config/index.js 里面找到proxyTable ：{} ，然后在里面加入可复制代码： "/api":{

MVC是后端开发的一个分层概念。M：model层，负责操作数据库，处理数据的CRUDV：view层，也就是前端页面。C：controller层 业务逻辑层，比如一些路由，登陆，注册等业务MVVM：是前端视图层的分层开发概念把每个页面分成了M V VMV： html结构M：保存的是每个页面的单独数据VM：结构和数据之间的调度者，提供数据的双向绑定，常用的前端框架帮我们做了这部分工作。上图：在网上看到了一个教学视频，讲的不错，看完以后自己整理总结的。视频分享：https://haokan

这段时间做的商城系统，相对也是比较复杂的，路由比较多，直接都写在路由入口文件index.js中，后期维护起来头疼，我们可以根据不同的模块来创建不同的路由子文件，在自文件中维护各个模块的路由，引入到index.js中就可以了。路由子文件sellerRoute.jsconst sellerRoute = [ { path: '/seller/lanchGoods', name: 'LanchGoods', component: () => { return import('@/pa

rules使用计算属性返回：computed中：computed: { rules: function() { if (this.form.itemType) { return this.rules1 } else { return this.rules2 } } }data中： data() { return { rules1: { accno: [{ required

属于一个用户体验问题：表单验证显示的过程中，用户切换不同的选项卡，要使用不用的表单验证，就需要把前面的验证清掉。在切换的事件下加入：// 清除表单校验的提示if (this.$refs['XXX']) {　// 延时执行 this.$nextTick(function () { this.$refs['XXX'].clearValidate(); })};感谢原博主整理。...

使用的是强制刷新的方法： this.$forceUpdate()在切换不显示的el-select的元素上绑定@change=“changeValue”changeValue(){ this.$forceUpdate()}

直接上代码吧结构：<div style="margin-top:30px"> <el-card style="height: 610px;"> <!-- <quill-editor v-model="documentInfo.content" ref="myQuillEditor" style="height: 500px;" :options="editorOption"> </quill-editor> -

自己使用下来，感觉post，put 差不多axios.post('http://127.0.0.1:8080/test/login', { name: "admin", pwd: "123456" }) .then(function (response) { console.log(response); }) .catch(function (error)

一：this.$router.push({path:'/AddDocType',query:{id:row.id}}) 参数会显示在URL上：http://localhost:8080/AddDocType?id=1设置路由就是/AddDocType通过this.$route.query.id获取id二：this.$route.push({path:`/AddDocType/${id}`})http://localhost:8080/AddDocType/1设置路由就是/AddDocTy.

公共方法一般是写在common文件夹下的util.js或者store的util.js/common.js中的。util.js中两种定义公共函数的方式：一：function myFun(){ }export { myFun}二：export function myFun(){ }在使用的时候，既可以在用到的页面直接引用import {myFun } form './util.js'myFun()也可以放在main.js中main.js:import common fr

warning in ./src/components/Public/yearSelectCell.vueThere are multiple modules with names that only differ in casing. //有多个模块同名仅大小写不同This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. //这可能导致在一些文件系统中产生

vue里面点击加号增加一行，简单功能是这样，后面还有验证，这部分参考https://segmentfault.com/q/1010000011050620<div v-for="(v,i) in list" :key="v.id"> <input type="text" v-model="v.a"> <input type="text" v-model="v.b"></div>data(){ list:[ {a:'',b:''},.

监听一个对象:(对象中所有的属性变化的时候都会执行handler）watch: { obj: { handler(newValue, oldValue) { // ... }, deep: true, //深度监听 immediate: true //首次绑定watch时，立即执行 } } 监听对象的某个属性watch: { 'obj.name': { handler(newValue, oldValue)

我们做网站，底部一般会有版权信息，当页面内容高度不够时，版权部分就不是总在底部了。利用flex布局，达到我们的要求。但我们在Vue项目中，发现没有效果。需要我们去App.vue中给id名为app的元素添加样式。position:absolute;top:0;right:0;bottom:0;left:0;参考：https://blog.youkuaiyun.com/hb9278/article/details/96433386...

1.拉完代码，项目死活启动不起来，说是缺少了很多依赖，npm install 报错2.然后，对缺少的依赖单独install ，就很正常的安装依赖操作，发现安装失败3.查阅网上各种方法，抱着试一试的态度改用cnpm$ npm install -g cnpm --registry=https://registry.npm.taobao.org4.然后居然可以了（捂脸）项目启动成功，具体原因我没有深究，看原博主是怀疑vue-cli脚手架的原因。感谢博主分享:https://blog.csdn.ne

1.已经执行过 npm intall swiper --save 但是在npm run dev 的时候仍然报错2.报错信息如下：提示我们swiper没有安装.3. 然后进行疯狂的install 发现并没有用，最后查阅了网上的资料，发现是swiper版本问题4.找到package.json 和 yarn.lock ，我发现自己的问题是package.json 里面swiper的版本是6.0.0yarn.lock的版本是4.1.3，把package.json的版本改成yarn.lock里一样5.i

转载：https://blog.youkuaiyun.com/Cynthia_Wiki/article/details/99571750遇到这个问题找了很久，最后按照本文一步一步操作，解决问题。感谢原作者整理分享。解决：1.找到nvm安装所在位置，新建一个空的nodejs文件夹2 window+r —> sysdm.cpl —> 高级 —>环境变量3.将下图中两个位置的地址改成刚刚新建的nodejs空文件夹所在的位置。4.一般情况下，nvm安装后都是会自动添加Path，没有的话就自己添加

结构：<table class="table"> <thead class="table_head"> <tr> <th>序号</th> <th>门店名&lt...

要求是：点击tbody中td携带所在行的参数跳转。我们知道：过多的事件对于性能来说是很糟糕的，尤其在移动端，可以说是无法容忍。结构： <ul @click="handleClick"> <li v-for="(item, index) in data" :data-index="index"> {{ item.text }...

一、什么是生命周期？用通俗的语言来说，就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨，但是也基本上可以理解。通过一系列实践，现在把所有遇到的问题整理一遍，今天记录一下created和mounted的区别：二、created和mounted区别？created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted:在模板渲染成html...

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、微信小程序等多个平台。用了mui,H5+一年多了,感觉dcloud最近推出的uniapp 是把vue,小程序,h5+ 融合了起来 和我们公司的需求完美契合,再次感谢Dcloud团队.(挖个坑，后面学习后来补充）...

一、　　to里的值可以是一个字符串路径，或者一个描述地址的对象。例如：// 字符串<router-link to="apple"> to apple</router-link>// 对象<router-link :to="{path:'apple'}"> to apple</router-link>// 命名路由<router-...

1.引入sass使用save会在package.json中自动添加。npm install node-sass --save-dev npm install sass-loader --save-dev 2.进入webpack.base.config.js 在loaders里面加上module–rulesrules: [ { test: /\.vue$/,...

1.安装less依赖npm install less-loader --save2.进行webpack.base.config.js中，配置loader加载依赖，让其支持外部的less，在原来的代码上添加{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",},3.如果需要在Vue文件style标签...

官方文档说的很明白啦，这里只是做个笔记。首先需要安装node和npm 。一、安装node1.下载node的安装包 .exe 文件 下一步、下一步、无脑安装。二、安装Git（SVN)Git是当今最流行的版本控制软件，他包含了许多高级工具。参考 http://www.cnblogs.com/wj-1314/p/7993819.html三、安装Vue 1. npm install --...

在项目中，经常有些函数和变量是需要复用，比如说网站服务器地址，从后台拿到的：用户的登录token,用户的地址信息等，这时候就需要设置一波全局变量和全局函数**定义全局变量**原理：设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用export default 暴露出去，在main.js里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时，引入该模...

1.登录iconfont网站，选择我们需要的图标加入购物车，添加到项目，进行下载。2.下载好的压缩包解压缩，里面有很多文件，demo.css .html 文件等都不要了新建一个文件夹iconfont放在asset/style文件夹下，把iconfont.eot iconfont.js iconfont.svg iconfont.ttf iconfont.woff 放入新建的iconfo...

vue路由跳转 返回上一级 this.router.go(−1)和返回到指定页面this.router.go(-1) 和返回到指定页面this.router.go(−1)和返回到指定页面this.router.push(’/home’)1，点击返回上一页<button @click=“goback”>gobackmethods:{goback(){}this.KaTeX pa...