![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue项目
敲代码的柯基
努力的小前端,主修前端开发,同时也包揽公司后端开发的菜狗
展开
-
解决vue “Expected indentation of 0 spaces but found 2”报错问题
再重新npm install ---->npm run serve 重启就可以了,不会再出现此报错。发现项目中并没有eslintrc.js文件。在package.json文件中的rules中添加一句。原创 2023-05-10 14:37:24 · 678 阅读 · 0 评论 -
vue3 watch响应式数据
看了网上的很多博客感觉都有问题,基于vue3 和typescript 我总结了自己项目中用到的watch监听数据的写法:watch单个响应式数据(ref包裹的数据):watch多个响应式数据,第一个参数为一个数组,数组的每一项都是响应式数据,所以每一个都应该是函数的返回值,第二个参数也是数组,每一项对应着第一个参数中各项:...原创 2022-06-22 17:25:36 · 387 阅读 · 0 评论 -
input 输入框显示默认文字
input 输入框显示默认文字我做了一个有下拉框的input输入框组件,在输入框显示默认设置的文字,可以通过设置input的v-model的绑定内容来设置子组件vue: <div class="input-select-container" @blur="onConBlur()" id="input-select-container" > <div class="input-container FlexRow"> &l原创 2021-08-16 14:45:20 · 8777 阅读 · 0 评论 -
vue3.0使用vuex
vue3.0使用vuex下载安装npm install vuex@next --savecnpm install vuex@next --saveyarn add vuex@next --save项目中使用在根目录下创建store文件夹,store下创建index.ts文件import { createStore } from 'vuex';export default createStore({ state: { }, mutations: {原创 2021-08-11 17:32:07 · 1081 阅读 · 0 评论 -
用placeholder遇到的坑
placeholder的文字位置调整不生效最近写页面的时候使用到了input输入框的placeholder属性,在调整他的样式的时候遇到了问题。placeholder的文字位置的调整不能使用margin,否则不会生效,要使用padding进行设置 input::placeholder { font-size: 14px; font-family: Arial; color: black ; padding-right: 5rem;原创 2021-07-29 16:28:48 · 683 阅读 · 0 评论 -
vue v-for渲染li空数据如何补全
在做项目的过程中遇到一个问题,就是数据只有2条,但是页面的展示需要14行,如果数据不够14条页面中没有数据的项就不会展示白色横线的效果。我们可以通过一个函数进行数据的补全,将没有数据的li项用“ ”来补全html文件如下<ul> <li :class="['FlexRow',{'active':current==index},'item-box']" v-for="(item,index) in compeleteList(procedureList,14,' ')"原创 2021-07-27 17:38:24 · 796 阅读 · 0 评论 -
vue实现移动端音乐APP
项目基于vue2.6,使用vue-cli搭建项目项目部分功能预览目前实现的功能发现音乐首页,侧边栏弹窗,歌单推荐,歌单详情,最新歌曲,歌曲播放,获取排行榜单、歌词同步滚动,手机号登录、手机号注册。后续还会继续完善登录与主页面的链接,验证码验证,我的音乐,视频,云村等功能。技术栈vue-cli搭建项目vue:构建用户界面框架vue-router:路由的实现axios:简化异步操作ES6:ECMAScript 新一代语法,用到了解构赋值,模块化,还有一些方法原创 2020-08-19 15:03:30 · 1763 阅读 · 2 评论