![](https://img-blog.csdnimg.cn/510df60d3bfc4c888406a18969895779.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
vue.js
麻辣翅尖
新手小白的一去不复返之路
展开
-
【vue3】获取[object object]的值
众所周知,当获取到的参数显示[objectobject]时,我们传参使用JSON.stringify()转换为string类型,接收后使用JSON.parse()转换回来。当然这在js中没有任何不妥,但使用过ts的朋友们都知道,这可能会提示类型不匹配,无法赋值。正常接收,定义一个新的数据,再用JSON.parse()转换接收后赋值的数据。...原创 2022-08-02 11:09:12 · 3019 阅读 · 0 评论 -
【vue3】公共组件reactive中响应式数据的条件判断
对应不同的业务需求,要求数据不同原创 2022-08-02 10:59:50 · 1568 阅读 · 0 评论 -
【vue3报错】解决vue3 ref 获取不到子组件
在父组件内调用子组件内的事件从而改变子组件的某些状态,父子组件使用``语法糖,父组件通过给子组件定义ref访问其内部事件。这看起来完全没毛病,理想很丰满,现实很骨感,写完就是访问不到,还报错,离离原上谱,这究竟是为啥原创 2023-09-13 15:32:50 · 4359 阅读 · 1 评论 -
【Vue】父子传参及props与emit区别
props方式:父组件为子组件绑定一个属性,将函数赋值给该属性,子组件通过props接收,调用此事件,传递消息。emit方式:父组件需要在子组件标签中注册一个事件,子组件通过emit调用此事件,传递消息。原创 2023-07-10 20:33:30 · 506 阅读 · 0 评论 -
Vue3中element中dialog对话框的visible的坑
vue3中使用element对话框的visible的坑原创 2022-07-19 11:23:35 · 2733 阅读 · 4 评论 -
Cannot access ‘state‘ before initialization
错误信息:在初始化之前无法访问state相信很多小伙伴在使用Vue2的时候习惯将新写的内容放在前面,这样避免了在方法很多的时候向下滑动但是在Vue3.0中新增了setup语法糖,所以在使用语法糖时,定义响应式数据state当我们使用state响应式数据时就需要注意了,将使用数据的语句要放在响应式数据定义之后,否则就会报此错误哦Vue3 新增语法糖——setupsetup函数是 Composition API(组合API)的入口在setup函数中定义的变量和方法最后都是需要 return .原创 2022-05-01 10:38:13 · 1838 阅读 · 0 评论 -
【Vue】3.0 项目创建 自定义配置
1、进入项目路径2、创建vue3项目vue create +项目名称注意:项目名称要避开特殊名字如echarts、vue等3、项目配置等待后弹出选项窗口,询问用户以什么模板方式进行安装Default ([Vue 3] babel, eslint):默认预设配置,会快速创建一个Vue2.0项目,提供了babel和eslint支持Default ([Vue 2] babel, eslint):默认预设配置,会快速创建一个Vue3.0项目,提供了babel和eslint支持Manu原创 2022-04-21 17:34:14 · 8307 阅读 · 6 评论 -
router路由跳转
简要:我们平时完成一个小demo的时候可能不需要创建新的文件,直接在默认的component文件下创建项目,所以不需要考虑不同文件的路由该如何操作,书到用时方恨少下面我们来看一下:如果有需要分很多包的话难免会遇到路由问题,如果之前没遇到过的话,哎,今天你就遇到了正常情况下我们会像这种如果多文件包当然会直接在path里面加上新建文件包的名但是这里需要注意点一点是,必须要把写的路径全部引入,一个不引入整个项目页面都不会显示的一片空白。别问,问就是经历过 T_T查了老半天怎么弄路径怎么会出不来,原创 2021-06-06 20:12:43 · 104 阅读 · 0 评论 -
ECharts+Vue实现数据可视化
Echarts原创 2022-04-08 09:08:09 · 2813 阅读 · 0 评论 -
Vue Echarts报错Initialize failed: invalid dom.
报错原因dom还没挂载完成,echarts.init() 就已经开始执行解决方法1.不要用created(用mounted),created这时候还只是创建了实例,但模板还没挂载完成created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作也就是说created()方法是在页面加载前调用,此时dom还未加载。所以当 有改变dom的时候用mounted, 没.原创 2022-03-23 17:47:17 · 12790 阅读 · 9 评论 -
Vue之判断数组内是否存在某一项
两种方法://方法一:通用xx(Arr,date){ // 返回值等于-1 说明数组Arr中不存在id为date的对象 if( Arr.findIndex(item => item.id=== date )!==-1){ ... } }//方法二:当数组里的对象为字符串时用这个方法更简单xx(Arr,date){ // 返回值等于-1 说明数组Arr中不存在id为date的对象 if( Arr.indexOf(date)!==-1 ){ ... } } 实例原创 2022-01-23 17:46:32 · 19808 阅读 · 0 评论 -
Vue之点击循环内某一项不影响其他项
遇到的问题:当我们使用循环时,循环内有需要点击的图片、图标等,经常会遇到一种情况就是点击其中一项,其他项也会随着点击而响应改变解决:使用循环索引号index,通过每项唯一索引号来进行控制实例<div v-for="(item,index) in cards" :key="item.Id"> <span>图谱名称:{{item.mindName}}</span> <img :src="isActive===true?'static/image/c_ico原创 2022-01-23 17:25:12 · 1604 阅读 · 0 评论 -
vue之canvas转图片并下载
用到的方法利用html2canvas插件进截图下载图片网上看到好多方法,有些没有注册,所以下载不成功,一定要注意啊!1、下载html2canvasnpm install --save html2canvas2、在需要的页面引入并注册import html2canvas from 'html2canvas' components: { html2canvas },3、实例(方法一)<template><div id="aaa" style="width:原创 2021-11-10 21:45:14 · 2568 阅读 · 0 评论 -
解决Component template should contain exactly one root element...
vue终端报错Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead解决在组件内写代码时先包裹一层divCtrl+s原创 2021-11-10 19:52:16 · 1047 阅读 · 0 评论 -
前端改https
修改vue项目build目录下webpack.dev.conf.js文件在原30行的位置增加https:true语句修改87行语句,将http改为https运行原创 2021-11-09 17:08:06 · 496 阅读 · 0 评论 -
Vue 点击刷新
点击动态更新图形验证码1、在验证码的图片上,绑定点击事件 getCode(),同时使用 ref 指明图形验证码的引用对象,代码如下所示:<div class="box"> <el-input v-model="Code" placeholder="请输入验证码"></el-input> <img src=url @click="getCode" ref="code"></div>2、在 methods,定义 getCode 的方法,通转载 2021-11-06 15:15:59 · 766 阅读 · 0 评论 -
axios/ajax之get、post请求传参
1、post请求post请求不到,用qs模板方法(){ const that=this; //请求 that.$axios.post('/login', that.$qs.stringify( { phone:that.ruleForm.username, password:that.ruleForm.password } )) .then((res)=&g原创 2021-09-26 16:27:37 · 184 阅读 · 0 评论 -
Vue之assets下的图片路径
<el-image :src="require('../assets/logo.png')" class="imgsign" ></el-image>如果想要加载在assets文件下的图片,需使用require(’ …’)的形式,且须使用 :src:srcstatic文件下的图片不需要。vue无法识别require,执行一下命令即可:npm install @types/node --save-dev...原创 2021-11-01 17:12:32 · 2567 阅读 · 1 评论 -
Vue点击循环内某一项跳转
循环体为:<div class="cards" v-for="item in card" @click="details(item.name)"> <el-card class="trends" > <div class="out"> <div class="name">{{item.name }}</div> <el-badge is-dot class="item"&g原创 2021-05-30 22:20:05 · 336 阅读 · 1 评论 -
Vue之assets图片加载不出来
说明assets和static连个文件都是存放静态资源的目录在html下使用它们是无差别的,但是在js中使用的话,assets中资源的路径要经过webpack中file-loader编译,不能直接写。而static中的文件,不会经过编译,项目在经过打包后,会生成dist文件夹,static中的文件只是复制一遍而已。二者中的图片资源,html页面可以直接使用;但在动态循环绑定中,assets路径的图片会加载失败,因为webpack使用的是commenJS规范,必须使用require才可以。解决一、原创 2021-09-24 17:37:35 · 5005 阅读 · 0 评论