ljw_jiawei的博客

看看html中是否用了v-if ,因为变量为false时的部分dom还未渲染当然获取不到，将v-if改为v-show,则可以获取的到dom,因为v-show会渲染dom，只是控制display的显隐...

1. 在mian.js引入: import router from './router'2. 在mian.js挂载: 在nwe vue里加router3.router.js写法import Vue from 'vue'import Router from 'vue-router' //import HelloWorld from '@/components/HelloWor...

1. npm i --save vuex2. 在src里新建store.js文件    import Vue from 'vue'    import Vuex from 'vuex'    Vue.use(Vuex)    const store = new Vuex.Store({    state: {    age: '18' //存储了一个公共状态age ...

这是因为你使用 ESLint，用来规范代码风格的。你的 Webpack 配置中大概是使用了 eslint-loader。在多人协作或大项目中推荐使用，不想要就在 webpack.config.js 中去掉。eslint是语法检查工具，但限制太过于严格，大部分开发人员无法适应，所以产生这个需求。 解决办法：找到build->webpack.base.config.js。注释或者去掉...

就是懒加载的页面里可以删除数据的时候,因为删除以后一般会重新获取数据,如果懒加载直接写在getData里就无法加载回原来的所有内容,这对用户体验不好 有删除时候写法在下面: <ul v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="30"></ul>...

    backwx() {        WeixinJSBridge.call('closeWindow');    }

        1.在index.php控制器中写goto方法 //url 跳转，微信第一次会跳转到主页，     //参数需要urlencode()，否则会出问题。     public function gotoAction(){     $url=$_GET['url'];         redirect('/#/'.$url);     } 2.this.codeLink ='htt...

        methods: { }, filters: { subTime: function (val) { return val.substring(0, 10); } },

写法1: methods: {  //设置cookie      setCookie: function (cname, cvalue, exdays) {        var d = new Date();        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));        var expires = "e...

1.  npm install --save axios2. 在src文件夹中新建一个env.js文件, 输入export const host='http://l.lianghaiting.cn'3. 在main.js中加入import axios from 'axios'import { host } from './env'Vue.use(host + ':8080', ...

一、什么是生命周期？用通俗的语言来说，就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨，但是也基本上可以理解。通过一系列实践，现在把所有遇到的问题整理一遍，今天记录一下created和mounted的区别： 二、created和mounted区别？官方图解如下:我们从图中看两个节点：created:在模板渲染成html前调用，即通常初始化某些属...

解决办法一 :步骤一: 安装 babel polyfill npm install --save babel-polyfill步骤二: 配置build文件夹下webpack.base.conf.js文件,如下图 步骤三: 配置main.js文件 最后,重新运行项目和打包就可以了解决方法二: ...

<input @input="changeInput()"> //值发生变化时执行changeInput事件

https://www.cnblogs.com/forward-wuyi/p/9627962.html

微信公众号配置网页授权域名：填写网址域名微信开发者平台配置url：访问url：http://www.baidu.com/pay/ment支付授权目录：http://www.baidu.com/pay/访问url：http://www.baidu.com/pay支付授权目录：http://www.baidu.com/访问url：http://www.baidu.com/pay/m...

加上sortable="custom"    &lt;el-table-column prop="fdcName" label="组合名称" width="200" sortable="custom"&gt;    &lt;/el-table-column&gt;

https://blog.csdn.net/buddha_itxiong/article/details/81069087

因为Vuex也是js,存在于内存中，刷新浏览器的话会导致js重新加载，Vuex的Store全部重置 . 所以需要Vuex持久化1.cnpm i --save vuex-persistedstate2.在stote.js页面引入:        import createPersistedState from 'vuex-persistedstate';3.在new Vuex的最后加...

1. cnpm install vux --save2. 在build/webpack.base.conf.js配置：    const vuxLoader = require('vux-loader')    把第一个module.exports赋值变量let webpackConfig ={里面代码不动}    然后这个放在最底部去 module.exports = vuxLo...

        //html文件 created(){ }, beforeRouteLeave(to, from, next) { //从这个页面出去的时候执行这里     try {       let top = document.documentElement.scrollTop || document.body.scrollTop; // 得到当前高       let sc...

data里要写编译后图片位置的地址,在html中可直接写目前地址

&lt;el-form :model="editForm" label-width="160px" :rules="editFormRules" ref="editForm" :inline="true" class="demo-form-inline"&gt; &lt;/el-form&gt;

        可以写在export default的下方 export default{ } function getResult (val) { }

        sessionStorage.setItem("key", "value"); 存储到key var value = sessionStorage.getItem("key"); 获取key sessionStorage.removeItem("key"); 删除key sessionStorage.clear(); 删除所有存起来的数据...

    getDetail (){     if(this.id&gt;0){         var uri='/mobile/morder/detail?id='+this.id     }else if(this.cost_code&gt;0){         var uri='/mobile/morder/detail?cost_code='+this.cost_code     }el...

        import Vuex from 'vuex' //最上面要写上这一行 methods:{ setData: function(){ this.$store.dispatch('SET_NAME', this.name); //在一个方法里面,这就能将this.name存起来 this.$store.dispatch('SET_OLDPRICE', this.old...

1.首先自己去拉2个公共组件进来: &lt;div&gt;    &lt;Editor ref="details"&gt;&lt;/Editor&gt;    &lt;Table ref="mainTable"&gt;&lt;/Table&gt; &lt;/div&gt;2.$refs的作用主要是能调用到组件里面的方法 和 与getElemById一样获取这个标签 me

1,在百度网盘中下载压缩包,网盘地址:https://pan.baidu.com/s/1i6UdvCD，密码：nvfe ( 自己已保存文件 )2，将压缩包解压到F盘，F:\chromeVue插件3，复制文件地址，F:\chromeVue插件\vue-devtools-master4，打开cmd命令，进入F盘，然后进入到vue-devtools-master文件中，命令：cd  F:\chromeV...

传过去: &lt;router-link :to='{path:"/manage/goods/add",query:{ID:v.ID}}'&gt; //html的跳转1 &lt;router-link :to="'/manage/video/detail?ID='+v.video_id"&gt; //html的跳转2 this.$router.push({path: '/show', quer...

    &lt;label class="col-sm-3 control-label"&gt;生效时间&lt;/label&gt;    &lt;div class='col-sm-3 control-label'&gt;        &lt;select class="form-control" v-model='info.fdiDate' v-on:change="changeday"

    &lt;div @click.stop='showBox("shoptypeBox")'&gt;达人说&lt;/div&gt;    &lt;div @click.stop='showBox("industryBox")'&gt;分类&lt;/div&gt;    &lt;div @click.stop='showBox("sortBox")'&gt;排序&am

    官网:  http://www.swiper.com.cn/ 1.在main.js引入import VueAwesomeSwiper from 'vue-awesome-swiper' 2.在main.js使用Vue.use(VueAwesomeSwiper); 3.在页面中import { swiper, swiperSlide } from 'vue-awesome-swiper' 4...

        watch: { stop: function(newVal, old){ //非josn用法            console.log(newVal)        }, 'form.fdnDct': function(newVal, old){ //josn用法            console.log(newVal)        },...

&lt;div class='center-img' v-for='v in arrImage' :style="'background-image: url('+v+');'"&gt;&lt;/div&gt;

&lt;div class="center-img" v-lazy:background-image='v.fdcImage'&gt;&lt;/div&gt;

  &lt;el-table class='main-table' :data="lists" highlight-current-row v-loading="listLoading" @selection-change="selsChange" @sort-change="SortChange" border v-if='type=="all"'&gt; &lt;el-table

解决办法1:        //先循环好再丢到数据里就行 if(res.data.data&amp;&amp;res.data.data!=[]){        for (var i = 0; i &lt; res.data.data.length; i++) {            res.data.data[i].sel = false        }    }    this.prof...

例子组件1:        &lt;template&gt;  &lt;section class="checkbox-con"&gt;    &lt;div class="checkbox"&gt;      &lt;input type="checkbox" v-model="flag" @change="change"&gt; 

在有node_modules的那一级目录,进入config-&gt;index.js

    加载插件:    import { Swiper } from 'vux' export default {     components: {       Swiper     },    } html: &lt;swiper loop auto :aspect-ratio="180/360" :list="urlList" dots-position="center" &gt;&lt;...