QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们

vue教程

  • 最新 [Vue warn]: Property or method "xxx" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

    这个xxx就是报错的变量,报错的意思是:[Vue warn]:属性或方法xxx未在实例上定义,但在呈现期间被引用。通过初始化属性,确保此属性在数据选项或基于类的组件中是反应性的。解决:属性或者方法 XXX 没有立即定义但是却在渲染时被引用。报错信息已经十分明显了, XXX属性或方法没 ...

    2024-01-19    744次    0
  • vue绑定class的三种方法

    一、对象语法1、给v-bind:class 设置一个对象,可以动态地切换class,例如:<divid="app"><div:class="{& 39;active& 39;:isActive}">< div>< div><script>varapp=newVue({el:& 39; app& 39;,data:{isActive:true}})< script>最终渲染结果:<divclass="active">< div>2、对象中也可 ...

    2023-09-23    961次    0
  • vue报错: Avoid mutating a prop directly since the value will be overwritten whenever the paren

    原因:(单向数据流)子组件不能修改props传递的值解决方法:子组件再定义一个变量接收值,监听一下新定义的变量使用this $emit(‘zz’,data)页面上监听一下<my-menu @zz=nickname = $event>例:mounted(){varbannerList=this banner;if(bannerList length==0){this getFlash();}},...

    2023-09-22    309次    0
  • Vue中mixins(混入)的介绍和使用

    当我们的项目越来越庞大,项目中的某些组件之间可能会存在一些相似的功能,这就导致了在各个组件中需要编写功能相同的代码段,重复地定义这些相同的属性和方法,导致代码地冗余,还不利于后期代码的维护。一、什么是Mixinsmixins(混入),官方的描述是一种分发 Vue 组件中可复用功 ...

    2023-07-28    539次    0
  • vue 路由传参,页面刷新后参数类型改变

    搞vue路由传参的时候,明明传的数字,但是还是提示传的是字符串,无法判断报错原因是:vue-router 传参,不管是 params 形式还是query形式传参,在页面刷新后,params 和 query对象中的属性所对应的属性值都会被浏览器自身强制转换为string类型(这一点与浏览器的sessionStorage ...

    2023-07-03    815次    0
  • vue中router-link的详细用法

    <router-link><router-link> 组件支持用户在具有路由功能的应用中(点击)导航。 通过 to 属性指定目标地址,默认渲染成带有正确链接的 <a> 标签,可以通过配置 tag 属性生成别的标签 。另外,当目标路由成功激活时,链接元素自动设置一个表示激活的 CSS 类名。 字符串<ro ...

    2023-07-01    757次    0
  • vue中is的作用和用法

    is的作用<ul><li>< li><li>< li><li>< li>< ul>总所周知,ul里面嵌套li的写法是html语法的固定写法(还有如table,select等)。 code1<ul><my-component>< my-component><my-component>< my-component>< ul>my-component是我们自己写的组件,但是html在渲染dom的时候,my-component对 ...

    2023-07-01    185次    0
  • vue Do not use built-in or reserved HTML elements as component id: nav

    用vue新建一个导航组件,随意命名为nav,结果缺发现有报错:在vue中好像nav 这样的 有点类似于 关键字 不能作为组件的name,按照服务端来说 就是不可以命名关键字 为你的属性名一样的意思所以在vue中 比如 nav ,header,footer 不可以作为组件的name 否则会出现这个问题 ...

    2023-06-30    1020次    0
  • vue中使用swiper各种问题集锦

    第一次使用vue引入swiper,肯定是要搜网上的使用教程:(1)安装swipernpminstallswiper-S(2)引入swiper全局引入方式,即在main js中引入importVuefrom& 39;vue& 39;;import"swiper swiper min css"在组件中引用:importSwiperfrom& 39;swiper& 39;;require("swiper css swiper min ...

    2023-06-27    318次    0
  • 什么是Vue.nextTick()??

    定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码;理解:nextTick(),是将回调函数延迟在下一次dom ...

    2023-06-27    349次    0
  • axios请求封装

    使用axios之前需要先安装一下$npminstallaxios使用之前需要先了解axios的基本知识:1 Axios基础用法(get、post、put 等请求方法)先介绍一下,Axios常用的几种请求方法有哪些:get、post、put、patch、deleteget:(一般用于)获取数据post:提交数据(表单提交+文件上传)put: ...

    2023-06-26    149次    0
  • vue请求接口获取数据的实现及跨域问题

    本文基于vue-cli3。一、通过api接口获取数据在vuejs中请求接口,大体分为两种方式:vue-source和axios。它们都是经过良好封装的http请求插件。下文将简单介绍一下使用方法。1 vue-source安装首先,安装该插件:npminstallvue-source--save然后,在项目src main js中,通过全局方法V ...

    2023-06-24    333次    0
  • vue-resource与axios的区别与使用

    一、vue-resourcevue-resource是Vue js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。vue-resource插件具有以下特点:1 体积小vue-resource非常小巧,在压缩以后只有大约12KB,服务端启用gzip压缩后只有4 5KB大小,这远比jQuery的体积要小得多。2 支持主流的浏览 ...

    2023-06-24    280次    0
  • 在Vue中引用全局css

    方法一:编写一个全局css文件,然后再App vue的style中引用:1 在assets下新建一个css文件夹,编写一个全局css文件:2 在App vue中引用该全局css:<stylelang="less">@import& 39; assets css index css& 39;; 引用全局css app{height:100%;width:100%;}< style>方法二:第一步同上 ...

    2023-06-24    493次    0
  • Vue和swiper冲突问题

    以下是网上看到的常见的答案:VUE引入式开发环境中,使用swiper会出现swiper无法初始化的情况。那是因为加载swiper的时候dom还没有渲染完成,造成swiper初始化失败。解决方案:把swiper放到VUE钩子函数里面进行初始化。armyApp=newVue({el:& 39; myDiv& 39;,data:{}, mounted(){va ...

    2023-02-28    635次    0
  • vue中的ajax一般放在哪个生命周期中

    Vue生命周期beforeCreate(创建前): 在数据观测和初始化事件还未开始,data、watcher、methods都还不存在,但是$route已存在,可以根据路由信息进行重定向等操作。created(创建后):在实例创建之后被调用,该阶段可以访问data,使用watcher、events、methods,也就是说 数据观测(da ...

    2022-09-20    1124次    0
  • [Vue warn]: Error in render: “TypeError: Cannot read property ‘ xxx ‘ of undefined“报错原因和解决

    页面能够正常渲染出界面,但控制台仍然报出Error in render: "TypeError: Cannot read property &lsquo;0&rsquo; of undefined错误,什么情况?原因:vuex中state管理加载的数据,异步调用显示,然后vue渲染机制异步数据先显示初始数据,再显示带数据的数据,所以上来加载时 ...

    2022-09-03    604次    0
  • vue的过滤器

    过滤器(Filters)是vue为开发者提供的功能,常用于文本的格式化,过滤器可以用在两个地方: 插值表达式 和 v-bind属性绑定过滤器定义语法示例:filters:{ 注意:过滤器函数形参中的val永远都是"管道符"前面的那个值capi(val){ 过滤器中一定要有一个返回值(return) 字符串有个charAt方 ...

    2022-09-01    951次    0
  • Strings must use singlequote的vue项目报警示的解决

    启动vue项目提示:Strings must use singlequote src components header vue:65:19原因:这个问题说明必须使用单引号,在vue的项目开发中,如果我们在通过vue-cli脚手架构建项目的时候使用了Eslint严格模式,那么对于字符串类型的数据String必须要使用单引号,不能使用双引号,否 ...

    2022-06-19    674次    0
  • Vue项目报 Unexpected tab character (no-tabs) 错误的解决办法

    在写Vue项目的时候,运行Vue项目提示错误:http: eslint org docs rules no-tabs Unexpected tab character src components原因:这是因为eslink的代码规范检验太严格了,不允许用tab代替空格:解决方法1、去到项目目录,找到 eslintrc js文件,打开 eslintrc js文件2、在 eslin ...

    2022-06-19    634次    0

添加微信好友

添加微信好友

微信小程序

百度小程序