前端劝退师的博客

在 APP.vue的onLaunch()中加入这段代码

公司辩论赛，帮行政小姐姐写的小工具。第一个是发言倒计时，可以自己指定时间。第二个是自由辩论，双方各5分钟时间。<script src="https://cdn.jsdelivr.net/npm/vue"></script><script src="http://code.jquery.com/jquery-2.0.0.min.js"></script><div id="app"><h1 style="font-si

一、webpack安装。当然，在这之前，你得先安装好node.js。1、npm安装webpack。npm install -g webpack //全局安装npm install -g webpack-dev-server //安装调试工具2、创建项目mkdir projectName //创建项目文件夹cd projuectName //进入该文件目录下npm init //在目录下创建package.json文件，一直回车即可，也可输入你想要修改的内容之后在目标文

npm安装：npm install --save js-md51.在需要使用的项目文件中引入：import md5 from 'js-md5';使用：md5('holle') // bcecb35d0a12baad472fbe0392bcc0432.或者在main.js文件中将md5转换成vue原型：import md5 from 'js-md5';Vue.prototype.$md5 = md5;在需要用到的文件中使用：this.$md5('holle..

1.项目安装echartsnpm install echarts --save2.全局配置：main.js1 import echarts from 'echarts'2 3 Vue.use(echarts)4 Vue.prototype.$echarts = echarts3.目标界面使用 1 <template> 2 <div> 3 <div class="total-class" id="myChart" :style=.

下面开始讲第一种vue-json-excel npm安装依赖包 npm install vue-json-excel 项目入口文件引进注册并且使用 Markup import Vue from 'vue'import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel) 在页面中使用 Markup <download-excel cl..

1、安装Markupcnpm install vue-amap --save2、main.js中引入Markupimport VueAMap from 'vue-amap'Vue.use(VueAMap)VueAMap.initAMapApiLoader({ key: '3ebdb3c7a684a4e64f39ddd306056522', plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapTy

经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。直接上代码//在 router/index.js 中有两个页面。export default new Router({ mode: 'history', routes: [ { path: '', redirect: '/pc_index' }, { path: "/pc_index", // pc端首页...

前言vue的组件传值分为三种方式：父传子、子传父、非父子组件传值引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，事件向上传递父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息，如下图所示：1、父传子子组件的代码：Html<template> <div id="container"> {{msg}} </div></template><script&gt

效果图预览：1. 正确的代码，示例如下：Html<template> <div class="demo"> <!-- 成功引入的三种方法： --> <!-- 图1 --> <div class="img1"></div> <!-- 图2 --> <div class="img2" :style="{backgroundImage: 'url(' +

由于在项目中需要对数据进行可视化处理，也就是用图表展示，众所周知echarts是非常强大的插件。一开始想在网上找一个基于vue封装好的（懒省事），eg:vue-echarts ，但是拉取下来发现，跟项目中使用的类型有点偏差，而且他们的数据大多都是定制好的，我很难在此基础上进行更改（惹不起），于是选择了放弃，最终还是选择echarts。以下是我使用的一些心得体会~我的示例是在vue-cli搭建安装echarts依赖npm install echarts -S或者使用淘宝的镜像npm inst

computed:{ sortlist(){ return this.list.sort((a, b) => { return a['index'].localeCompare(b['index']) //index是list你需要索引的字段名称 }) } }

//src/assets/pinyin.jsexport const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\u953f\u972d', 'an': '\u978d\u6c28\.

解决方案：写样式的时候添加>>>

TypeError: this.getOptions is not a function at Object.lessLoader 在vue项目中less报错问题解决less版本问题，卸载重新安装指定版本号npm install less@3.9.0 -snpm install less-loader@5.0.0 -s