vue
Establish_bug
新手
展开
-
vue 子页面怎么调用父页面的方法
父级<template> <div id="app"> <router-view/> </div></template><script>export default { name: 'App', provide(){ return{ say:this.say } }, methods:{ say(){ alert("这是翻译 2020-06-04 14:14:40 · 2354 阅读 · 0 评论 -
vsCode格式化Eslint的巨坑
首先需要找到setting.json设置文件然后把这段代码放进setting.json中重启vscode即可之前做的项目其实都没有设置eslint,然后现在的项目需要eslint规范代码,然后就有问题了,一直在警告规范不过关啊,尤其用echarts的数据粘贴过来的简直巨坑,只能使用单引号,不需要分号,方法的括号前后都要有一个空格,可气的是vscode的自动格式快捷键跟eslint是相悖的,自己...翻译 2020-01-13 16:30:11 · 1819 阅读 · 1 评论 -
页面互相调用方法
在项目中实现:1.首先同一个vue实例来调用两个方法。所以可以建立一个中转站。建立 util.js 中转站文件(任意位置,我是在/assets/js/util.js)import Vue from ‘vue’export default new Vue2.分别在两个页面引入该文件(注意路径)import Utils from ‘…/…/assets/js/util.js’;3.调用方...原创 2020-01-08 14:54:16 · 338 阅读 · 0 评论 -
vue移动端添加加载更多
mounted () { //引入滚动方法 window.addEventListener('scroll', this.touchmove) }, methods: { touchmove(e){ //变量scrollTop是滚动条滚动时,距离顶部的距离 var scrollTop = document.documentElement....原创 2019-12-17 10:21:09 · 398 阅读 · 0 评论 -
md5加密
vue下载md5yarn add js-md5开始调用import md5 from 'js-md5'data () { return { pass:'123456' } }, mounted () { this.qrcode(); console.log(md5(this.pass)) },展示图:...原创 2019-11-06 17:40:38 · 290 阅读 · 0 评论 -
qrcodejs2二维码生成
在vue下载qrcodejs2yarn add qrcodejs2可以开始引用:<template> <div> <div id="qrcode"></div> <!-- 创建一个div,并设置id为qrcode --> </div></template> <script&...原创 2019-11-06 16:12:44 · 1257 阅读 · 0 评论 -
vuex的使用
小程序使用vuex通过vuex管理小程序项目数据。我们已经成功引进vuex不懂怎么引入看vuex的官网我就不一一介绍了官网链接:https://vuex.vuejs.org/zh/第一步新建文件夹vuex在vuex里面1新建actions.js代码:const actions = {}export default actions;2新建getters.js代码:co...原创 2019-10-29 15:35:22 · 169 阅读 · 0 评论 -
vue全局过滤器的使用filters的使用
最简单的一步当数据1显示男,2显示女html:<div>{{ tlist | sectext}}</div>js:data(){return { tlist:'1', }}filters: { sectext: function(value) { if (value == 1) { return "男";...原创 2019-11-01 11:10:55 · 490 阅读 · 0 评论