
Vue
小包同学666
这个作者很懒,什么都没留下…
展开
-
百分比占比条的实现
效果图1.各自占比2.左百分百3.右百分百代码实现<template> <div class="about"> <!-- <h1>This is an about page</h1> --> <div class="step"> <!-- 左边100%的时候不显示斜边三角形,并且增加右边角 --> <div class="left"原创 2020-12-16 16:30:34 · 1347 阅读 · 0 评论 -
linux系统下从vue-cli2升级到vue-cli3
备忘一下linux下将vue-cli2升级vue-cli3的的过程1.查看vue-cli的版本命令vue -V2.卸载vue-cli2npm uninstall vue-cli -g3.安装vue-cli3npm install -g @vue/cli我在linux系统下安装失败,报错没有权限。需要使用以下命令切换到root。su root进入后还是安装失败,报下面的错误Unsupported engine for xxxxx@x.x.x: wanted: {"node":".原创 2020-09-16 14:11:33 · 677 阅读 · 0 评论 -
vue-cli3构建PWA离线应用
vue-cli2使用PWA1.安装pwa依赖npm install @vue/cli-plugin-pwa2.vue-cli2需要手动安装register-service-worker依赖npm install register-service-worker3.在config/index.js中添加如下代码 pwa: { name: "3td-voice-web", themeColor: "#4DBA87", msTileColor: "#000000",原创 2020-07-16 16:52:13 · 2614 阅读 · 1 评论 -
vue中如何使用typescript
1.安装依赖包npm i typescript ts-loader --save-dev2.项目根目录下添加tsconfig.json文件方式一:在项目目录下执行命令,会自动生成tsconfig.json文件;tsc --init方式二:手动创建tsconfig.json文件;3.配置tsconfig.json文件...原创 2020-04-14 18:12:11 · 2401 阅读 · 0 评论 -
watch和computed的区别。
描述fullName和myName都是由firstName和lastName组成的全名,现在我们希望fullName和myName随着firstName和lastName的变化而改变。代码实现<template> <div> <input v-model="firstName" /> <input v-model="lastNam...原创 2020-04-13 18:50:20 · 214 阅读 · 0 评论 -
element-ui的el-radio-group默认选中无效
el-radio-group之迷惑操作:label今天学习element-ui的el-radio-group的时候发现el-radio-group的默认值设置无效,但是点击其他单选框可以切换成功。element-ui官网中Radio单选框的基础用法使用的是label属性,单选框组el-radio-group使用的是:label;戳这里查看。解决方案:将el-radio-group单选框...原创 2020-04-08 10:27:45 · 39125 阅读 · 15 评论 -
VSCode不能格式化vue(template)html代码
今天用VSCode写vue代码的时候,发现自己的编辑器不能格式化html代码,每次写完必格式化的我表示很难受,修改一下设置就可以了,在这记录一下。文件>首选项>设置找到vetur.format.defaultFormatter.js,前提是装了 “vetur” 插件(没装可以装一下,开发vue很方便),在右边对象中添加"vetur.format.defaultFormatter....原创 2020-04-07 18:17:34 · 5943 阅读 · 3 评论