YBWarmYoung的博客

中文文档：https://router.vuejs.org/zh/Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转；首先我们来学习三个单词（route，routes，router）：1，route：首先它是个单数，译为路由，即我们可以理解为单个路由或者某一个路由；2，routes：它是个复数，表示多个的集合才能为复数；即我们可以理解为

加粗1.loading组件样式<template> <transition name="fade"> <section> <div class="loading"> <!-- <img width="24px" height="24px" src="../images/timg.gif"> <p class="desc"&g

21-vue中使用async和await来实现同步和异步场景如下：现在的逻辑是根据后端API的返回数据修改echart的option中的series.data，然后执行setOption方法，渲染图标，但是遇到的问题是，后端API可以正常返回数据，但是根据console的显示是先执行了setOption方法，后执行了API数据赋值给series.data，所以图表渲染不出想要的数据，代码如下复制代码 methods: { initChart() { this.chart =

自己总结的手机端拍照和相册原生的方法HTML代码<div>//要显示的图片 <div class="imgBox name"> <img :src="imgSrc" /> </div> <van-action-sheet v-model="show1"> <ul> <li class="paizhao" @click="captureImage()">拍照</li>

有些在移动端中需求是长按文本或者点击复制按钮进行赋值文本，我先给你们说说长按进行复制吧长按复制1 先要引入插件clipboardnpm install clipboard --save2 使用的页面进行引入import Clipboard from 'clipboard'HTML代码<div class="code" :data-clipboard-text="userInfo.account" @click="copy"> <div>{{us

铁子们，我今天写项目遇到这样一个问题，因为我是单独写的三个页面，我那个页面获取数据是要获取到上个页面传过来的参数才能进行请求，因为刚开始写参数是直接写成固定死的了然后我就在想，肯定要获取到当前页面的url地址，这样后边才能截取url地址中的参数，代码如下 var url = window.location.href; //获取地址栏路径 var temp1 = url.split('?');//对url地址进行分割 var pram = temp1[1]; var

一、cnpm 安装 vue-quill-editorcnpm install vue-quill-editor二、在main.js中引入import VueQuillEditor from ‘vue-quill-editor’// require styles 引入样式import ‘quill/dist/quill.core.css’import ‘quill/dist/quill.snow.css’import ‘quill/dist/quill.bubble.css’Vue.use(

最近在面试，总结几个重点的面试题：一、vue父子组件之间的传值：简单来说，子组件通过props方法接受父组件绑定传来的数组或者对象，子组件通过$emit方法来向父组件发送数据二、vue生命周期函数：beforeCreate(创建前)在实例初始化之后，数据观测和事件配置之前被调用，el和data并未初始化，因此无法访问，methods，data，computed等上面的方法和数据created(创建后)完成data数据的初始化，没有el获取不到真是的DombeforeMount(挂载前)挂在

一般我们写小型的项目是用不到封装axios实例但是当我们写大型项目时 接口有时候多到有上百个接口，那我们在请求一次调用一次接口，接口上好多都是重复的,这个时候我们就可以封装axios实例，既节省了事件。有可以少些好多代码首先我们要先安装axiosnpm i axios --save然后在vue项目中要创建两个文件夹api.js文件和http.js文件 当然文件名是自定义的在http文件下http.js中要这样写import axios from 'axios'; //环境的切换 环境指

平常我们在vue页面中传参最常用的就是params和query两种方法1.params传参的使用 Onchange: function (e) { console.log(e.title); this.$router.push({ name:'ordernoted', //使用params传参这里就要用name来写路径 params:{ id:e.username } }) },跳转到达的

Vant-ui组件中没有改变导航栏的样式的属性，这个时候怎么办呢我们可以用深度选择器/deep/ 或 ::v-deep，实现对组件内部的样式修改 如下：1.引用NavBar组件<div id="div_box_nav"> <van-nav-bar title="标题" left-text="返回" left-arrow /> </div>引用后是显示这个样子的 如下图：但是现在需求是 要求导航栏背景色为蓝色 字体颜色