![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
SiaEyre
这个作者很懒,什么都没留下…
展开
-
vue中使用v-slot无效
使用具名插槽,怎么也无法在组件中再添加任何内容,页面无元素的渲染,升级了vue-loader、vue-template-compiler版本之后依旧无效,奇怪的是,再另外写一个demo是正常可渲染的,这时候我找到了问题所在,我把slot写成了solt。在此,心里罚写slot一百遍!!!!!...原创 2020-07-13 11:39:51 · 3589 阅读 · 3 评论 -
Vue强制刷新组件的方式
使用this.$forceUpdate,强制刷新组件。 使用watch监测值的变化,与v-if以及this.$nextTick配合使用。 使用key-changing。vue使用key标记组件身份,当key改变时就是释放原始组件,重新加载新的组件。...原创 2020-03-24 23:03:36 · 714 阅读 · 0 评论 -
Element UI -- form表单验证必填时,有值时依旧验证不通过
使用Element UI form表单验证时 <el-form-item v-if="item.C_type=='input_text'" class="components" :prop="item.C_name" :rules="{required: item.props.rules.required...原创 2019-09-20 08:58:28 · 5588 阅读 · 1 评论 -
Vue中动态引入本地路径报错
问题:HTML中代码:<img :src="item.image" width="20px" height="20px" />data中数据 item: { id: 1, name: "哈哈哈", image: "../../assets/browser/Chrome.gif", },...原创 2019-08-29 15:54:56 · 652 阅读 · 0 评论 -
Vue使用crypto-js时报错TypeError: Object(...) is not a function
控制台报错如下:原因:引入Encrypt时方式错误,少加了{}正确形式:import { Encrypt } from "../plugins/encoder";原创 2019-08-15 14:02:31 · 11388 阅读 · 0 评论 -
Vue cli3兼容IE配置及报错SCRIPT1003: 缺少 ':',SCRIPT5009:Plugin未定义
因为IE浏览器不能识别es6语法,需要安装babel-polyfill插件首先,安装babel-polyfillnpm install babel-polyfill在babel.config.js中配置module.exports = { presets: [ '@vue/app', [ '@babel/preset-env', {...原创 2019-08-08 10:58:53 · 8841 阅读 · 7 评论 -
axios请求拦截器--token验证
需求描述如下:新用户首次访问页面时,未携带token 接口访问成功后,后端返回一个token值,前端需要在之后每次访问时携带token,去请求接口 vue cli具体做法是,在第一次调用接口成功后,将token存入到localStorage中,同时,添加请求拦截器,在以后每次访问时携带token。在mian.js中配置// 添加请求拦截器axios.interceptor...原创 2019-08-04 17:48:02 · 3527 阅读 · 0 评论 -
Vue CLI搭建脚手架
1.安装node.js ==>进入node.js官网https://nodejs.org/en/,选择相对应的版本进行下载。下载完成之后进行安装,一直点击下一步。2.检测npm是否安装成功。Win+R打开cmd,输入 'npm -v',看是否出现对应的版本号。3.全局安装vue-cli。在cmd中输入 ‘npm install --global vue-cli’4.创建...原创 2019-06-06 18:28:35 · 136 阅读 · 0 评论 -
{__ob__: observer}取值为undefined问题解决
操作数据库返回的数据时,发现访问属性值为undefined解决方法如下:将返回的数据data先转换为JSON字符串形式,然后再从字符串形式转换成JSON格式JSON.parse(JSON.stringify(data)) var self = this; var query = new AV.Query("MenuItem"); query.find("na...转载 2019-06-06 18:34:47 · 8649 阅读 · 0 评论 -
Vue 路由配置及安装
安装路由:1.在cmd中 cd 到对应的vue项目,输入"npm install vue-router --save-dev"2.安装完成以后,输入“npm 重启项目”引入路由:1.在main.js文件中引入路由 import VueRouter form 'vue-router'2.使用路由:Vue.use(VueRouter)路由配置:var router = ...原创 2019-06-01 11:00:08 · 685 阅读 · 0 评论 -
Vue --v-model
v-model,它负责监听用户的输入事件以更新数据。v-model会忽略所有表单元素的value、checked、selected特性的初始值而总是将 Vue 实例的数据作为数据来源。v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件:text 和 textarea 元素使用value属性和input事件; checkbox 和 radio 使用ch...原创 2019-06-05 11:57:46 · 236 阅读 · 0 评论