Vue
关注
分享
扫一扫
1登峰造极
一个很拉胯的前端，呜呜呜
展开
-
怪兽充电小程序
第一首先看中心点上有个小图标实现方式，我们可以使用map 结合一个图片覆盖物实现，在结合定位 <map id="myMap" show-location enable-poi enable-building :latitude="latitude" :longitude="longitude" :markers="markers" @regionchange="anchorpointtapmap"...原创 2022-02-10 11:23:52 · 4230 阅读 · 5 评论 -
echars大屏开发案例
在大屏开发项目中DataV我觉得是不可缺少的东西，我建议UI在设计大屏的时候时候首先先看echars在结合DataV来设计，请不要天马行空的去设计，有的UI真的很菜，天马行空真的。废话不多说，我也不懂设计，直接自己按照自己的感觉写一个静态。...原创 2022-01-04 15:55:10 · 242 阅读 · 0 评论 -
nuxt.js核心讲解，看完即可上手真实项目
首先按照文档创建好项目 我一般喜欢旋转vantui这个UI，不得不说这个UI库真的太好用了。直接说重点，项目中最常用的1. 关于css 的引用，比如我们使用animate.css这是一个特别好的动画css.根据自己的爱好，我一般喜欢在跟目录建立assets文件夹 里面建立一个css 如下然后直接在nuxt.config.js的css中引用 // Global CSS: https://go.nuxtjs.dev/config-css css: [ 'vant/lib/index.原创 2021-12-22 17:16:39 · 1342 阅读 · 0 评论 -
vue3 实现数据请求渲染列表，以及分页的实现，项目中必用的基础技能
阅读必看本文章是使用于 刚入门vue3版本的新手参考。虽然这个东西出来又一段时间了，但是一直没有事件去研究， 网上虽然各种文章写的都相当精辟，详解onBeforeMount, reactive, ref, toRefs 什么什么的 ，当你作为一个新手看完，似曾有点那种带懂不懂的感觉，于是你心里就会有个想法，我拿一个接口来试试，像以前vue2一样尝试一下，我靠，结果没有那么顺利，简单的一个数据列表居然出不来，然后百思不得其解，找到了这篇文章，当你看完，我操，原来就就，是的就这废话少说，直接说嘴常用的例子，原创 2021-11-17 16:51:33 · 11451 阅读 · 1 评论 -
vue实现单选做题根据对错标色，作对跳转下一题，实现思路详解
vue实现单选做题效果详解最近在做一个答题项目，废了好多时间，经过折腾和在大佬的指导下，终于清晰的了解逻辑，如果你也遇到此类问题，不妨先看看我的思路，看完点个赞，那是继续跟新的动力此案例是使用swiper以及vue来完成的。需求分析，当点击了正确答案，选项背景色成指定的颜色，并且有一个打勾的效果，不能在选择其他选项，错误选项背景色改成对应的颜色，打上一个小叉，答对了自动切换到下一个题目，点击选项显示对应的答案及其解析。主要涉及的知识点，vue 动态绑定class ,条件渲染，话不多说，首先先来看原创 2021-10-29 15:47:02 · 5633 阅读 · 0 评论 -
关于vux 进阶模块拆分详解
关于vux 进阶模块拆分详解如果我们是使用脚手架搭建地vue项目，默认目录下都有一个store文件夹，下面只有一个index.js,如果是小项目，我们不需要拆分模块，直接在里面写就完事2。如果是稍微大一点地项目，我们帮vux按模块拆分开来，便于后期维护直接上代码，简洁明了。在store下面建立modules文件夹，modules文件夹下面放的就是你需要拆分出来的模块，这里我例举一个user模块，用户登录的模块，根据自己的业务建立需要的js在store下面建立getters.js原创 2021-10-22 18:18:33 · 693 阅读 · 0 评论 -
Vue双向绑定实现
说实话走了一遍其实有的地方还是不太懂有1说1index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./Vue.js" type="text/javascript" charset="utf-8"></script> </head> <body&原创 2021-09-14 12:25:23 · 150 阅读 · 0 评论 -
vue2.0中报错 Cannot read property ‘call‘ of undefined
vue2.0在本地运行没错，打包出来正正常，放在服务器上报错这个问题搞了我一会，其实你只要ctrl+f5刷新一下就好了原创 2021-08-03 09:21:34 · 470 阅读 · 0 评论 -
网易云项目再次跟新源码公开
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JetTHnCZ-1614225471409)(http://49.233.42.29/myTestImg/wyy.gif#pic_center)]项目预览地址原创 2021-02-25 11:59:09 · 288 阅读 · 0 评论 -
vue中过滤器的使用
vue中过滤器的使用直接说是用场景，比如后台返回一个时间戳，前台要显示成年月日的形式，或者返回一段文本，我们只需要截取部分文字，在data中定义两个变量 data: { msg1:"字数不足十个字", msg2:"字数超过10次对方是否额外若翁绕弯儿无二" },写过滤方法 ，(注意filters与data是平级)filters: { subStr: function(value) { let strlen = value.length; if原创 2020-07-13 14:58:26 · 302 阅读 · 0 评论 -
vue中组件中需要引用一个不暴露的js，比如alplay.js.md5.js等等，也就是非标准的es6，全网说的最简单的易懂的
网上看了很多，写的都很不清晰。直接上代码首先我们脚手架创建项目 在文件中自己写两个jslib/index.js 如下/*原始的方法如下*/// function fun_one(){// addEven();// }// function addEven(){// alert('11111')// }//改造后的方法export default function fun_one(){ addEven();}function addEven(原创 2020-06-03 09:48:26 · 822 阅读 · 0 评论 -
vue SSR服务端渲染首屏就有分页怎么办呢
会遇到这样的情况，如果进来的第一个页面，就需要分页，那怎么办，因为首页连接中是没有任何参数的，asyncData上下文中拿到的query里面是空的，这个问题首次遇到的时候，找不到好的处理方法，后来问了一下同时，解决了，直接上代码吧 。自己脚手架创建一个项目，在pages 的index 页面<template> <div class="container"> <div> <Card style="width:320px" v-f原创 2020-06-01 09:06:59 · 639 阅读 · 0 评论 -
Vuex状态管理级辅助函数的使用,只需要你花20分钟认真了解一遍，在新的小白以后都很清晰了
Vuex你懂这些就够了先说为啥用它，举个例子 ，这里对你了解Vuex很重要，在我们平时的项目中，比如好几个页面都用到同一个数据，并且这个数据是在一个页面改变，其他页面也需要变化，此时，我们使用vuex就很方便了，直接上代码，相信来看vuex的同学，搭建一个vue项目那不用说了吧，先看目录结构页面展示如下，下面会给出每个页面的代码，加上解释HelloWorld组件不需要，自己删...原创 2020-04-28 16:19:45 · 591 阅读 · 0 评论 -
Vue全家桶后台案例，线上真实接口
https://github.com/lzr1077321622/vuex直接上图原创 2019-12-10 11:19:31 · 429 阅读 · 0 评论 -
Vue+Vuex+路由切换动画+全局路由守卫实现登录
1.当用户登录，可以进入所有的页面，当没用登录的时候访问内部页面，直接跳转到登录页面，当用户登录过以后，再次访问登录页面，直接跳转到首页，不需要再次登录2.还有一种情况，当不同的组件中都使用到通一个数据，只是展示的样式不同的时候，在一个组件中改变数据，另外一个组件中也需要变化，使用vuex是一个很好的解决方法直接说也许你不懂，直接github上下载下源码看一遍https://github.c...原创 2019-11-27 17:33:05 · 427 阅读 · 0 评论 -
react过滤后台富文本传来带标签的内容 react中像vue中v-html的方法
react过滤后台富文本传来带标签的内容 react中像vue中v-html的方法原创 2019-03-28 16:08:02 · 6131 阅读 · 0 评论 -
vue中axiso全局使用
在vue中如果要使用axiso来请求数据，直接在main,js中import axios from 'axios'Vue.prototype.$axios = axios;举个例子<template> <div> <h1 class='res'>asixo请求{{page}}</h1> <div cla...原创 2019-05-05 14:43:26 · 1523 阅读 · 1 评论 -
vue中的路由使用
1.什么是路由，相信很多新手很蒙，网上一大片什么东西，看了也是很不懂，都是照着别人的写，最通俗易懂的就是路由，其实就是我们html里面的a标签，点击跳转，只不过换个方式写标签而已，按照vue的规则来传参数而已，我的了解就是这样的，错的地方请大佬指点，举个例子在我们用脚手架搭建的项目中都有这个一个文件夹routerindex.js中import Vue from 'vue'impo...原创 2019-05-05 15:08:40 · 715 阅读 · 0 评论 -
Vue时间戳的格式化
在methods直接写这样一个方法methods{ dateFormat:function(time) { var date=new Date(time); var year=date.getFullYear(); var month= date.getMonth()+1<10 ? "0"+(dat...翻译 2019-05-06 16:53:51 · 2756 阅读 · 0 评论 -
Vue2.x打包出来的indexhtml中css和js的引用路径少了一个点，导致在静态图片也不能读写出来
Vue2.x打包出来的indexhtml中css和js的引用路径少了一个点，导致在静态图片也不能读写出来这个问题实际很简单废话不多说直接找到这个目录在前面加上一个点 ,原来是没有点的 assetsPublicPath: ‘/’,下面的截图为加上的还有使用elementUI时，使用字体图标 打包出来图标不显示直接看截图简单粗暴易懂，如果你是看到这篇文章解决了问题的，请点个赞，就是继续写...原创 2019-08-22 17:16:09 · 748 阅读 · 0 评论 -
一看就懂vue父组件像子组件通讯
一般在我们用脚手架搭建了项目主文件App.vue；父组件App.vue<template> <div> <div class="prebox"> <h1>父组件向子组件通讯</h1> <button @click="updataname">原创 2019-02-21 15:39:16 · 197 阅读 · 1 评论