Vue.js
草巾冒小子
分享[前端技术主页] http://www.lzindex.com/
展开
-
解决 Syntax Error: Error: PostCSS received undefined instead of CSS string
(我的npm以来有些不支持了,导致报错,改用cnpm就可以了)原创 2022-08-31 21:45:42 · 7172 阅读 · 0 评论 -
解决 Error: please transfer a valid prop path to form item!
点击某个DOM,如本案例的button取消按钮,产生报错:此时,应该是该按钮绑定的函数钩子事件中,有不合逻辑的空操作或者错误操作,删除或注释即可。以上就是关于“解决 Error: please transfer a valid prop path to form item!prop的内容和rules中定义的名称不一致!...原创 2022-08-31 21:31:24 · 8480 阅读 · 0 评论 -
资料:vue 3.0+版本发布
vue 3.0+版本发布官方文档:https://v3.cn.vuejs.org/原创 2021-06-13 07:59:53 · 86 阅读 · 0 评论 -
Vue框架里使用Swiper - 安装篇
Vue框架里使用Swipernpm安装swipercnpm install swiperVue框架里使用Swiper如何在Vue项目中优雅的使用swiper插件原创 2021-05-31 20:29:11 · 888 阅读 · 0 评论 -
vue插件大全汇总,你要的都这里,赶紧收藏下!
Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,来了个大汇总,方便查找使用,便于工作和学习。很全的vue插件汇总,赶紧收藏下吧!一、UI组件及框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通转载 2021-02-11 20:33:15 · 808 阅读 · 1 评论 -
vue 监听渲染变化
vue v-for插入的动态dom树,如何操作class等原创 2020-12-14 10:42:48 · 794 阅读 · 0 评论 -
vue中class绑定函数
vue中class绑定函数vue+class类应用函数,增加class类名相关博客:v-for循环、v-if 动态判断+动态赋值+操作class类:(计算属性)强制绑定函数以上就是关于“vue之class 计算函数的类名绑定”的全部内容。...原创 2020-12-14 10:39:27 · 2495 阅读 · 0 评论 -
v-for获取(循环次数)对象的length长度
v-for获取(循环次数)对象的length长度用户场景:循环出来的样式第一个和最后一个的样式。用户根据循环出来的第几个,逐一判断,对应的增加不同的样式。代码如下:<div v-for="(class,index) in lessons" :key="index" :data-length="lessons.length"> 当前:第{{class.num}}节课. {{class.title}} / 共{{class.time}}分钟 开课时间:{{class.beg原创 2020-12-14 10:38:41 · 4842 阅读 · 1 评论 -
vantUI 格式化输入内容
官方文档:格式化函数、使用方法原创 2020-11-26 15:22:43 · 604 阅读 · 0 评论 -
vue项目:this.function()中关于:this指针失效的问题
vue项目:this.function()中关于:this指针失效的问题参考代码:第二种案例代码 · 代码解说 · 如下:this.nullArrImg= true;//缺省图显示,表示数据为空this.goodsNumber = 0;//剩余蔬菜库存,赋值为0//第一种:this.$router.push('/home'); //返回ChuFang主页this.isLoading = false;//关闭加载//第二种://后来设置了一个定时器,this就变了,所以事先定义self原创 2020-11-21 01:18:11 · 941 阅读 · 0 评论 -
vue项目打包:npm run build 进程卡死
vue项目打包:npm run build 进程卡死?!解决方法也挺简单找到以下文件注销监测npm代码文件的路径和处理办法如下:(注释掉第19~25行的代码即可)以上就是关于“ vue项目打包:npm run build 进程卡死” 的全部内容。...原创 2020-11-18 00:57:30 · 4070 阅读 · 1 评论 -
cannot read prpperty ‘start‘ of undefined(问题记录)
cannot read prpperty ‘start’ of undefined(问题记录)此错误表示这个字段没有被声明,或者是声明此字段的关键词的取值为空。解决办法:声明字段并赋值为此undefined字段赋值案例演示与解说:methods内的部分代码如下:countDown(){ this.$ref.countDown.start();},最近使用vant 框架的 定时器countDown组件,在调用的时候报错‘start‘’ undefined;后来按照截图所示的错误巡查了原创 2020-11-18 00:56:26 · 1146 阅读 · 0 评论 -
保证elementUI组件文本域内容为json
前端如何保证elementUI之文本域组件的内容为json格式(json对象)解决办法:js中string字符串转换为JSON对象 - 方法大全(4种)原创 2020-11-18 00:49:59 · 2403 阅读 · 0 评论 -
js时间对象:获取当前时间(格式化)- 代码篇
js获取当前时间(格式化)- 代码篇两种方式:Vue.prototype.method1 = function (){ var currentTime = new Date(); var YY,MM,DD,hh,ii,ss; YY = new Date().getFullYear(); MM = new Date().getMonth(); DD = new Date().getDate(); hh = new Date().getHours();原创 2020-11-18 00:47:04 · 494 阅读 · 0 评论 -
vue 全局函数的 定义与任意调用 (代码篇)
vue 全局函数的 定义与任意调用原创 2020-11-18 00:45:24 · 1074 阅读 · 0 评论 -
vue全局变量的 定义与任意调用
vue全局变量的 定义与任意调用在main.js文件中定义全局变量的代码,举例示下:原创 2020-11-18 00:43:31 · 511 阅读 · 0 评论 -
vue (可读写)全局变量的 定义、任意调用、值的修改
vue (可读写)全局变量的 定义、任意调用、值的修改定义截图:打印结果:同样的调用方式,在login.vue中,打印结果如下:对比上述两次结果,发现Home.vue重写全局变量URL的值,仅对当前文件Home.vue有效;对其他文件,如Login.vue调用this.$root.URL的新值xxxxx无效;即:(调用结果仍为最初定义的值,而不是已经在其他文件下被重写的新值)。...原创 2020-11-18 00:42:06 · 1810 阅读 · 0 评论 -
前端发送http的get请求 - 代码篇
前端html发送http GET请求(含实例代码)分类:快捷方法资料文献地址: 资料文献 、 jQuery.get()、jQuery.post()<!DOCTYPE html><html><head> <meta charset="UTF-8"/> <meta name="Description" content=""/> <meta name="Keywords" content=""/>原创 2020-11-02 14:38:00 · 2600 阅读 · 1 评论 -
vue应用axios.get请求的代码格式(2种)- 代码篇
vue应用axios.get请求的代码格式(2种)- 代码篇代码:axios.get(this.serverPath+'/supermarket/fruits/options?id='+id, { params: { //'id': id, //商品id(必传参数) }, headers: { 'Content-Type':'application/json', 'Authorization':this.token }}).then原创 2020-11-02 14:29:27 · 682 阅读 · 0 评论 -
vue跨域问题:proxy代理跨域
前端跨域,本地跨域,vue项目跨域问题疑问1:前端开发中解决浏览器的跨域问题 (推荐阅读)什么是跨域?为什么要跨域?解决“跨域”的五种常见方式:1. JSONP2. CORS跨域资源共享3. http proxy代理跨域(利用Webpack配置):推荐使用。疑问2:什么是“代理跨域” ?浏览器之间有CORS同源策略。因出于安全考虑,不同域之间不允许获取数据。(除了几个特殊的例子<img>、<script>、<audio>等标原创 2020-10-20 11:30:10 · 622 阅读 · 0 评论 -
vue 页面不置顶问题(页面内操作、页面跳转后) - 集合篇
文章目录vue 页面内切换dom,页面跳转后 都不置顶?一、页面内操作:二、页面之间跳转:2.1 代码截图 · 说明:2.2 增加代码 · 示下:三、拓展 · (直接置顶、滚动置顶)vue 页面内切换dom,页面跳转后 都不置顶?如何解决这种不置顶问题?解决办法,详情参考下文介绍:一、页面内操作:下述代码,解决了页面内操作,页面不置顶的问题。二、页面之间跳转:下述代码,解决了vue-router跳转到新页面后,页面不置顶的问题。2.1 代码截图 · 说明:2.2 增加原创 2020-10-16 14:34:15 · 775 阅读 · 0 评论 -
vue绑定自定义属性(属性值:false),DOM不显示问题
(案例+截图 )vue绑定 :data-zidingyi="response.false" 之后,页面DOM 不显示正确的代码:<section v-for="(item,index) in res.data" :key="index" :class="'buleteam hidden buleteam _'+item.id" :id="'buleteam _'+item.id" :data-item-id="item.id" :data-has-item="''+item.isCollect"原创 2020-09-15 14:50:47 · 2610 阅读 · 0 评论 -
Property or method “id“ is not defined on the instance but referenced during render.Make sure ......
Vue报错: Property or method "id" 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.报错解释:报错截图:报错分析:参考博客:点击前往原创 2020-09-15 13:17:27 · 5279 阅读 · 0 评论 -
vue页面传参(多个参数传值)与接参 - 代码篇
发送页面://传参页面this.$router.push({name: 'SearchResult', params: {syyName: this.searchVal, syyType: this.searchQuesTitle}})接收页面://接参页面// 对接钩子参数var sname = this.$route.params.syyName;var stype = this.$route.params.syyType;console.log(sname+'/'+stype);原创 2020-08-21 17:19:07 · 3825 阅读 · 0 评论 -
vue+filter过滤器(多参数)传参 - 代码篇
vue+filter过滤器(多参数)传参 - 代码篇传1个参数//html{{aa | filterAa}}//jsfilters:{ filterAa(aa){ // 这额aa就是过滤器传入的参数 }}传2个参数//html{{aa | filterAa(bb)}}//jsfilters:{ filterAa(aa,bb){ // 这额aa就是过滤器传入的第一个参数 // 这额bb就是过滤器传入的第二个参数 }}传3个参数//h原创 2020-08-20 09:11:06 · 8318 阅读 · 1 评论 -
js时间戳(代码合集)获取(年月日,秒戳,毫秒戳,) - 综合篇
js时间戳(代码合集)获取(年月日,秒戳,毫秒戳,) - 综合篇官方解说:JavaScript Date 对象W3CSchool教程: JavaScript Date 对象一、js获取北京时间格式截图,如下:代码截图,如下:demo案例,代码示下:var g = new Date().getTime();//北京时间:当前13位时间戳console.log(g)function formatDate(now) { var year=now.getFullYear();原创 2020-08-01 16:15:25 · 6768 阅读 · 0 评论 -
一句话了解 v-show 和 v-if 的区别
v-show代码解析之后,html审查元素,有代码,只不过display:none了;v-if代码解析之后,html源码中不解析,即对应代码部分不存在。原创 2020-08-01 16:14:30 · 292 阅读 · 0 评论 -
vue Cli 环境删除与重装 - 版本文档
Vue CLI 官方介绍:中文文档英文文档原创 2020-07-02 12:12:20 · 8411 阅读 · 0 评论 -
axios请求失败,response.data返回的状态码及错误信息获取
axios请求失败,后端接口返回的状态码及错误信息获取原创 2020-05-25 01:53:41 · 9343 阅读 · 0 评论 -
vue-cli如何创建项目到计算机指定位置(如何自定义选择磁盘?)
vue ui命令创建项目 - 计算机磁盘的盘符位置选择方法:打开电脑的cmd控制面板,然后cd 目标磁盘盘符 (cd到你要新建项目地址的磁盘,如计算机的F:盘);之后,输入命令vue ui,然后enter回车键,即可完成磁盘选择与创建。附件:视频说明:点击查看详情 ( 时间 1:48 处)以上就是关于“ vue-cli如何创建项目到计算机指定位置(如何自定义选择...原创 2020-01-02 23:47:39 · 9724 阅读 · 4 评论 -
vue项目+富文本编辑器ueditor - 资源篇
资源地址:git源码 · 解说地址git源码:源码下载地址 · 【基于 vue-cli 2.x 的完整 DEMO】ueditor插件Demo演示地址说明:支持 vue-cli 2.x支持 vue-cli 3.0安装命令:npm i vue-ueditor-wrap# 或者yarn add vue-ueditor-wrap以上就是关于“ vue项目+富文本编辑器ued...原创 2019-12-16 10:39:00 · 610 阅读 · 0 评论 -
【跨域问题】Vue简单封装axios—解决post请求后端接收不到参数问题
参考阅读:Vue简单封装axios—解决post请求后端接收不到参数问题原创 2019-12-03 14:58:29 · 1103 阅读 · 0 评论 -
vue+element【后台案例 · 搜集 · 集锦】
案例一:https://github.com/taylorchen709/vue-admincnblogs.com · 博客地址CSDN · 博客地址简书 · 地址github · 源码地址vue-admin · 演示Demo地址效果图 · 截图:案例二:Vue+elementui的后台管理系统模板CSDN 博客地址github源码地址 【master分支】效果...原创 2019-11-27 15:38:47 · 1228 阅读 · 0 评论 -
vue-cli3.0(创建项目)如何引入element-ui(指令篇)
vue-cli3.0新创建的项目,如何引入element-ui?原文地址:点击查看vuejs官方地址:了解详情原创 2019-11-20 16:39:16 · 2033 阅读 · 1 评论 -
vue+axios+qs序列化 “三步解析”【含demo实例】- 代码篇
序列化是一种用来处理对象流的机制:所谓对象流就是将对象的内容进行流化。可以对流化后的对象进行读写操作,也可将流化后的对象传输于网络之间。序列化是为了解决在对对象流进行读写操作时所引发的问题。对象、文件、数据,有许多不同的格式,很难统一传输和保存序列化以后就都是字节流了,无论原来是什么东西,都能变成一样的东西,就可以进行通用的格式传输或保存,传输结束以后,要再次使用,就进行反序列...原创 2019-11-20 16:31:59 · 3057 阅读 · 0 评论 -
vue组件transition的使用(demo演示) - 教程篇
使用须知:1. 简单介绍<transition>name ( - string ),用于自动生成 CSS 过渡类名。例如: name: 'fade' 将自动拓展为.fade-enter,.fade-enter-active 等。默认类名为 "v"<transition>元素作为单个元素/组件的过渡效果。<transition> 只会把过渡效果应用...原创 2019-11-14 15:54:17 · 4211 阅读 · 0 评论 -
vue-cli 脚手架移除、安装(最新版安装)、检测安装结果 - npm篇
文章目录序言 · 本文· 知识点一、 旧版本的删除:cmd 命令行二、 新版本的安装:cmd 命令行三、 安装成功与否的检测方法附件:上述cmd 命令执行 · 截图序言 · 本文· 知识点旧版本的删除?新版本的安装?安装成功与否的检测方法?官网文档地址:查看详情如何创建一个项目?【这里使用图形化创建】vue ui一、 旧版本的删除:cmd 命令行...原创 2019-11-14 15:52:15 · 6650 阅读 · 0 评论 -
vue二维码生成插件 - npm安装篇
vue二维码生成插件 - npm安装篇具体使用:1. 安装:npm install vue-qr --save2. 引入和声明//在需要生成二维码的文件中引入比如qrCode.vueimport VueQr from 'vue-qr';//声明组件export default { components: { VueQr, },}3. 使用直接以标签的形式...转载 2019-11-05 10:39:04 · 2381 阅读 · 0 评论 -
vuejs粒子动画特效 npm安装插件vue-particles(particles.js) - 代码篇
demo黑客帝国粒子动画原创 2019-10-23 16:57:46 · 2170 阅读 · 0 评论 -
scoped父组件,如何控制子组件样式 - 方法篇
scoped父组件,如何控制子组件样式 - 方法篇需求场景:在vue组件中,在style标签上添加scoped属性,以表示它的样式作用于当下的模块,很好的实现了样式私有化的目的,这是一个非常好的机制。但是为什么要慎用呢?在实际业务中我们往往会对公共组件样式做细微的调整,如果添加了scoped属性,那么样式将会变得不易修改。初写这篇文章时,本人没有找到一个好的方法去解决这个问题,后来经过大伙...原创 2019-10-17 11:26:02 · 881 阅读 · 0 评论