- 博客(11)
- 收藏
- 关注
原创 前端 vue 使用 EMQ
先安装 mqtt 使用npm安装npm i mqtt 页面引用 import mqtt from 'mqtt'options的内容const options = { clean: true, // 保留回话 connectTimeout: 4000, // 超时时间 reconnectPeriod: 4000, // 重连时间间隔 //clientId,这个是EMQ Dashboard的上的cli.
2020-12-02 15:55:53
975
原创 vue-cli3 自动创建项目时 项目自己启动
vue-cli3 自动打开浏览器在package.json中然后在"dev": “vue-cli-service serve”, 后面加上 – open--open然后在 npm run dev
2020-10-01 11:03:31
380
原创 vue导出word文档
使用word模板做导出数据1、安装使用的插件npm i jszip@^2.6.1npm i file-saver@^2.0.2npm i docxtemplater@^3.17.6npm i jszip-utils@^0.1.02、在需要用到模板的页面引入插件 import XLSX from "xlsx"; import JSZipUtils from "jszip-utils" import docxtemplater from "docxtemplater" imp
2020-07-10 11:55:26
2932
6
原创 this.$store.dispatch() 与 this.$store.commit()方法的区别
传值给vuex的mutation改变statecommit: 同步操作存储this.$store.commit('changeValue',name)取值this.$store.state.changeValuedispatch: 异步操作存储this.$store.dispatch('getlists',name)取值this.$store.getters.getlists
2020-06-17 09:51:37
1062
原创 vue去掉烦人的eslint验证
vue-cli3没有build/webpack.config.base.js文件,这个时候我们有这个文件.eslintrc.js,实际上我们应该在.eslintrc.js文件中修改:删掉 “@vue/prettier” 就可以了
2020-06-16 15:37:49
1466
3
原创 快速创建vue-cli3 项目
全局创建项目npm install -g @vue/cli查看版本/是否安装成功vue -V在新文件夹下创建项目vue create project-admin指向的vuecli3是因为上一次记录过的cli3配置,第一次执行create是没有的按键盘上下键可以选择默认(default)还是手动(Manually),如果选择default,一路回车执行下去就行了继续手动一下我这里选择的是手动选择配置,看个人项目需求注意,空格键是选中与取消,A键是全选TypeScri
2020-06-15 14:44:08
246
原创 vue 搜索功能
HTML 的内容 <el-input v-model="number" placeholder="请输入编号" style="flex:1"></el-input> <el-checkbox v-for="city in selectData" :label="city.id" :key="city.id"> </el-checkbox>javascript 的内容computed: { selectData() { const filterK
2020-06-09 11:39:51
268
原创 vue搜索功能 indexOf 检索
vue搜索功能 indexOf 检索 ExportReport() { let exportData = []; // this.allData 是获取的后台所有数据 this.allData.forEach((item => { exportData.push(item); })); //Plannumber1 用于接收 v-model的绑定 const Plannumber1 =
2020-06-09 11:07:23
1699
原创 vue
vue的正则验证methods: {login() {let this_ = this;let reg = /^1[3456789]\d{9}KaTeX parse error: Expected '}', got 'EOF' at end of input: … this_.dialog.alert({message: ‘你的手机号码没有输入’,})} else if (!(reg.test(this_.phone))) {this_.$dialog.alert({mes
2020-06-09 10:40:13
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人