weixin_40667880的博客

在需要修改的vue页面中添加如下代码：beforeCreate () { // 修改背景色 document.querySelector('body').setAttribute('style', 'background-color:#fff')},beforeDestroy () { // 销毁背景色 document.querySelector('body').removeAttribute('style')}...

vue中将秒数转化为天时分秒，并倒计时，代码如下：export default { data () { return { countTime: 129600, _interval: ''， toLiveBtn: '计时点击事件' } }, methods: { // 倒计时事件 countdown() { ...

vue-cli2.0本地启动命令： npm run devvue-cli2.0打包命令： npm run build

vue中div作为按钮，使用:disabled="flag"(flag为布尔类型)控制按钮是否可点击，发现无论flag为true还是false，div按钮都可点击。解决方法，将div换成button。

vue中select标签根据下拉框选项选择的不同，获取相应的值（单选）。实例代码如下：<select v-model="finalValue"> <option v-for="(item,index) in arrList" :value="item.value" :key="index" >{{item.name}}</option...

判断Object(变量为{}的值)是否为空，实例如下：let varObject = {};if( JSON.stringify(varObject) == "{}" ) { console.log("为空")}

创建vue3.0的项目命令为vue create 我的项目名称

vue中for循环的写法，示例如下：<div v-for="(item,key,index) in cityList" :key="index"></div>item为值，key为键值，index为索引值。

页面某一部分加水印的js方法：'use strict' let watermark = {} let setWatermark = (str) => { let id = '1.23452384164.123412415' if (document.getElementById(id) !== null) { document.body.removeChild(...

vue中拨打电话号码代码如下：<a :href="'tel:'+电话号码"></a>

vue的methods中的函数调用函数（methods中的函数互相调用）使用this.$options.methods.函数名/方法名，示例如下：methods: { functionA () { //functionA调用functionB函数 this.$options.methods.functionB() }, functionB () { ...functionB的逻...

如何判断vue-cli3.0打包之后的环境，通过process.env.NODE_ENV即可。

vue-cli3.0中开发环境显示vconsole（在npm run serve显示），生产环境不显示vconsole（在npm run build不显示）。vconsole在页面显示如下：第一步，npm install vconsole-webpack-plugin --save-dev。第二步，在vue.config.js中写入如下代码： const vConsolePlugin =...

由于npm run build打包发布生产环境时，需要去掉vconsole调试器。在vue.config.js文件中加入如下代码：const vConsolePlugin = require('vconsole-webpack-plugin')configureWebpack: config => { //生产环境去掉vconsole调试器 let envFlag = ...

父组件传值给子组件父组件内容如下，parentVal、parentStatic在子组件props中定义<template> <div> <SubComponents :parentVal="parentVal" parentStatic="我是静态传值" /> </div></template><script&gt...

父组件中的方法（SubComponents为引入的子组件），完整代码如下：<template> <div> <SubComponents @subClickFtn="subClick"/> </div></template><script>import SubComponents from '子组件引入的路径...

Promise解决将多个异步执行控制成同步执行的问题问题描述：多个回调函数顺序执行产生不可靠的回调（第二个异步依赖第一个异步的返回结果，第三个异步依赖第二个异步的结果，以此类推）。解决方法：以两个异步回调函数为例，三个异步回调函数以此类推//第一个异步函数var oneStep = function () { return new Promise (function (resolve,...