vue
bobobocai
这个作者很懒,什么都没留下…
展开
-
vue代理,前端3步解决跨域问题
vue代理,前端3步解决跨域问题第一步:vue.config.js配置proxy第二步:创建axios实例第三步:使用第一步:vue.config.js配置proxyproxy: { "/api": { target: "http://192.168.70.2:6666/", changeOrigin:true, wx: true, pathRewrite: { '^/api': '' }原创 2021-05-26 17:50:23 · 295 阅读 · 0 评论 -
Vue -- Vuex 的使用
vuex: 1、vuex的状态存储是响应式的。当Vue组件从store中读取状态的时候,若store中的状态发生变化,相应的组件也会得到更新 2、不能直接改变store中的状态,改变store状态的唯一途径就是显式的提交mutation(使用commit) 步骤: 1、安装Vuex ...原创 2018-08-13 18:23:13 · 204 阅读 · 0 评论 -
element ui -- 表单验证 this.$refs[formName].validate()里面的内容不执行
问题:在做表单验证 this.$refs[formName].validate()里面的内容不执行 解决方案:1、首先确保每个验证函数一定调用了callback()函数,在验证不通过、通过时都要调用callback()函数,这里return callback()与callback()都可以; 2、如果还是有问题,再打印this.$refs[formName]如果为空说明调用...原创 2018-07-04 15:36:54 · 17007 阅读 · 11 评论 -
element UI -- 默认样式修改不成功的问题
有的时候element提供的默认的样式不能满足项目的需要,就需要我们队标签的样式进行修改,但是发现修改的样式不起作用 原因:scoped 解决方法:去掉scoped 注意:此时该样式会污染全局样式,可以把它放在公共的css里面 为了不让所有的 el-input标签都是该样式,可以在HTML给改input加上一个类名,比如 modInput ...原创 2018-08-20 16:15:45 · 33755 阅读 · 9 评论 -
Vue +vux 搭建移动端项目
一、使用 vue-cli 搭建Vux项目模板1、全局安装 vue-clinpm install --global vue-cli2、创建一个基于 webpack 模板的新项目vue init airyland/vux2 my-project3、安装依赖,走你cd my-projectnpm installnpm run dev4、安装 lessnpm install less...原创 2018-11-13 09:06:24 · 1043 阅读 · 0 评论 -
解决在vue中setTimeout效果失效,setTimeout在Vue中的使用方法
问题:setTimeout 函数内部效果 在Vue 事件中 没有执行1、定义一个 that 暂存 this2、再改变变量的值,就会生效 var that = this; setTimeout(function () { that.modPassword = true; }, 3000)...原创 2019-01-03 09:33:25 · 8022 阅读 · 0 评论 -
vue打包报错 ERROR in chunk app [initial] static/js/[name].[chunkhash].js Unexpected token (229:0)
Vue项目 开发是好的,npm run build 打包报错原因:修改代理时confing/prod.env.js的API_HOST:’"//xxxxxxxxx"'里少加双引号原创 2019-01-25 11:01:46 · 5800 阅读 · 8 评论 -
Vue -- Vue项目中使用RSA加密
1、安装 jsencrypt npm install jsencrypt2、在 main.js 引入 jsencrypt import JsEncrypt from 'jsencrypt' Vue.prototype.jsEncrypt = JsEncrypt3、在 js 中写方法 encrypt(publicKey,password){ var en=new ...原创 2019-03-15 10:17:31 · 3800 阅读 · 0 评论 -
Vue报错(element UI):Cannot read property 'resetFields' of undefined
报错信息:报错代码:问题描述:Vue + element 开发,一个 Dialog 表单多次使用 ,为了清空 Dialog 表单数据, 使用了 this.$refs[formName].resetFields()每次第一次点击显示 Dialog,都会报错报错原因:mouted加载table数据以后,隐藏的 Dialog 并没有编译渲染进 dom 里面。所以当通过点击事件,Dia...原创 2019-06-11 15:01:44 · 12067 阅读 · 2 评论 -
Vue -- filter 过滤器、以及在table中的使用
使用方法:// 双花括号中{{ isActive| isActiveFitlter}}// 在v-bind 中<div v-bind:id=" isActive | isActiveFitlter"></div>一、组件中定义本地 Filterfilters:{ isActiveFitlter:function (value){ r...原创 2019-06-17 11:33:59 · 9213 阅读 · 0 评论 -
Vue报错(element UI): the "scope" attribute for scoped slots have been deprecated and replaced by "slot
报错信息:报错代码:报错原因:从2.5开始,已弃用作用域插槽的“scope”属性,并用“slot-scope”替换。除了之外,新的“slot scope”属性还可以用于普通元素,以表示作用域插槽解决方法:用 “slot-scope” 代替 “scope”...原创 2019-09-11 10:05:59 · 1872 阅读 · 0 评论 -
Vue报错(element UI):component lists renderd with v-for should have explicit keys.
报错信息:报错代码:问题描述:组件列表呈现v-for渲染时,应该有明确的keys报错原因:在使用v-for渲染是没有加上key解决方法:原创 2019-09-11 10:29:53 · 626 阅读 · 0 评论 -
Vue报错(element UI):type check failed for prop "uniqueOpened". Expected Boolean, got String.
报错信息:报错代码:报错原因:期望布尔值,得到字符串解决方法:原创 2018-08-07 10:39:46 · 30602 阅读 · 3 评论 -
Vue -- axios 跨域请求无法带上cookie
在main.js设置 // 携带cookie axios.defaults.withCredentials = true原创 2018-08-10 09:16:09 · 6324 阅读 · 0 评论 -
vue -- v-cloak解决刷新或者加载出现闪烁(显示变量)
在使用vue绑定数据的时候,渲染页面时会出现变量闪烁,例如<div class="#app"> <p>{{value.name}}</p></div>在加载的时候会看到{{value.name}}在页面出现,过了几秒之后才会渲染数据,在vue中有个指令可以解决这个问题,v-cloak 那么,v-cloak要放在什...原创 2017-04-25 10:35:22 · 40377 阅读 · 2 评论 -
vue和angular区别?
vue——简单、易学 指令以 v-xxx 一片html代码配合json,在new出来vue实例 个人维护 适合: 移动端项目,小巧angular——上手难 指令以 ng-xxx 所有属性和方法都挂到$scope身上 angular由google维护 合适: pc端项目共同点: 不兼容低版本IE原创 2017-07-18 10:20:13 · 1292 阅读 · 0 评论 -
vue -- 新建一个Vue项目
一、谷歌_vue调试工具-&gt;vue-devtools https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd二、搭建开发环境 使用命令行工具搭建环境,包括打包工具、测试工具# 全局安装 vue-cli$ npm install --global vue...原创 2017-12-05 16:26:57 · 496 阅读 · 0 评论 -
Vue -- router-link(传参)
<router-link> 组件支持用户在具有路由功能的应用中(点击)导航。 通过 to 属性指定目标地址,默认渲染成带有正确链接的 <a> 标签,可以通过配置 tag 属性生成别的标签。另外,当目标路由成功激活时,链接元素自动设置一个表示激活的 CSS 类名。<router-link> 比起写死的 <a href="..."> 会好一些,理由如下:无论是 HTML5 history 模式还是原创 2017-12-14 14:25:36 · 1966 阅读 · 0 评论 -
vue -- 2018 我所了解的 Vue 知识大全
Vue ,React ,Angular 三大主流框架,最后我选择学习 Vue ,接触过 React ,自己感觉学习曲线有些陡峭,进而我选择了学习 Vue ,他的学习曲线平稳很多;不管选择什么框架,除了对基础的知识有一定的了解掌握,还应该对 ES6 有一定的了解; 这就是我脑海中的 Vue 知识体系; 一句话概况了 Vue: 通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件;转载 2018-01-04 16:23:36 · 3151 阅读 · 0 评论 -
vue -- 报错
1、Cannot use v-for on stateful component root element because it renders multiple elements.报错信息: 代码如下:错误原因/解决方法:v-for不能用于根元素(root element)。因为v-for是个循环,它返回更多的元素。导致无法渲染。 应该加一个父元素 2、Fail原创 2017-12-13 14:15:26 · 7297 阅读 · 0 评论 -
Vue -- Vue打包后背景图片路径错误
Vue项目中使用图片的方法有如下几种:1、图片资源放在 assets -&gt; imgs文件夹下面①img标签引入图片&lt;img src="../assets/imgs/bg.png" class="loginImg" /&gt;②css使用图片background: url('../assets/imgs/loginback.png') no-repea原创 2018-06-26 15:26:15 · 841 阅读 · 0 评论 -
Vue报错 -- Cannot read property 'validate' of undefined
refs和ref名字不一致:把refs和ref名字保持一致就行了this.$refs.loginForm.validate(valid => { ref="loginForm"原创 2018-06-28 14:28:34 · 23645 阅读 · 4 评论 -
element ui -- 表单验证字段必须是数字但是非必填
在使用element UI框架开发某个项目时,使用el-form组件,进行表单验证时,设置了required为false,如下所示: 但是,在提交表单的时候由于没有输入内容,表单提交不成功. 把代码修改如下,提交成功 ...原创 2018-07-20 14:41:33 · 12667 阅读 · 0 评论 -
Vue -- 在Vue中使用scss
1、安装scss相关npm install sass-loader node-sass vue-style-loader --save-dev2、打开build文件夹下面的webpack.base.config.js在module对象,rules数组里面添加一个识别scss的配置 3、在需要用到sass的地方添加lang=‘scss’...原创 2018-07-31 14:37:33 · 3361 阅读 · 0 评论 -
Vue报错(element UI) -- Unknown custom element:
报错信息: 原因: 没有引入相关代码 解决:原创 2018-07-31 14:52:47 · 36656 阅读 · 1 评论 -
vue----如何在a标签的href中传入需要的参数
<a :href="value.goodsId"></a>当点击a标签跳转到商品详情页的时候,需要获取到点击的商品的goodsId,所以要在a标签的href上传入goodsId的参数,但是直接 <a href="{{value.goodsId}}"></a> 或者<a :href="value.goodsI原创 2017-04-24 11:00:37 · 34736 阅读 · 2 评论