Articles under the label of Vue

  1. Home
  2. Vue

在vue里面路由切换返回顶部

在路由守卫里面配置如下：``` const router = new VueRouter({ // 路由切换返回顶部 scrollBehavior: () => ({ x: 0, y: 0 }),mode: 'history', base: process.env.BASE_URL, routes, }); ```
  • 逸云先生
  • March 10, 2021
  • 1 comments

    • 在vue里面安装echarts以及踩得坑

    直接安装：echarts vue-echarts最近echarts更新到了5.0.1版本，安装老是报错："export 'default' (imported as 'echarts') was not found in 'echarts'"发现还算echarts: 4.9.0 版本最为稳定，解决方法：先卸载echarts： yarn remove echarts安装4.9.0版本：yarn...
  • 逸云先生
  • January 22, 2021
  • 1 comments

    • vue项目中实时监测浏览器滚动条的高度

    **1、在mounted生命周期函数注册滚动条事件**```javascript mounted() { window.addEventListener('scroll', this.windowScroll) } ```**2、在methods方法里使用**```javascript methods: { windowScroll() { // 滚动条距离页面顶部的距离 // 以下写法原生...
  • 逸云先生
  • January 16, 2021
  • No comments

    • vue之父子组件传值

    ### **父组件向子组件传值**#### 这是父组件``` import son from './son.vue'; export default { components: { son, }, data() { return { title: '我是父组件的传过来的值', }; }, }; ...
  • 逸云先生
  • December 31, 2020
  • No comments

    • vue的一些库

    vue-backtotop：vue返回顶部的库vue-notification：vue消息弹窗vue-vuelidate: vue实现表单验证vue-is-mobile：vue判断是否是移动端待补充...
  • 逸云先生
  • December 14, 2020
  • No comments

    • javascript里面2种方法实现模糊查询数组和对象

    ## 第一种：#### html部分：```{{item}}```#### js部分：``` var vm = new Vue({ el: '#app', data: { sreach:'', list: [ 'html', 'css','js' ], }, computed: { find() { return this.list.filter(item=> item.indexOf(th...
  • 逸云先生
  • December 9, 2020
  • 1 comments

    • Vue光标默认在指定输入框

    在想要加光标的html上加上id=“XX” XX是什么你自己写 在mounted里面写上``` this.$nextTick( window.onload = function () { // 光标默认位置 var oInput = document.getElementById('XX'); oInput.focus(); }) ```
  • 逸云先生
  • November 14, 2020
  • No comments

    • 如何在Vue项目中使用vw实现移动端适配

    ``` // postcss.config.js module.exports = { plugins: { "postcss-px-to-viewport": { viewportWidth: 750, // 视窗的宽度，对应的是我们设计稿的宽度，一般是750 viewportHeight: 1334, // 视窗的高度，根据750设备的宽度来指定，一般指定1334，也可以...
  • 逸云先生
  • October 11, 2020
  • No comments