vue-js
Eternal-memory
爱生活爱前端
展开
-
初步理解vuex
理解vuex官方文档https://vuex.vuejs.org/zh-cn/intro.html是这样描述vuex的: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-trave原创 2017-10-13 12:01:25 · 558 阅读 · 2 评论 -
vue改变循环遍历后的数据
<dd class="clearfix" v-for="(item,index) in tableDataList" :class="index%2 != 0 ? 'dd-bg' : ''"> <div class="indexItem indexItem3 tal" title=""><span>{{item.sta原创 2018-08-09 16:00:28 · 5532 阅读 · 0 评论 -
vue动态绑定样式
1、循环数据中基础动态绑定样式<div class="indexItem tal" v-for="(item,index) in tableTittle" :class="indexItem(index)" :title="item.value">{{item.value}}</div>indexItem(index){ return "index原创 2018-07-31 11:48:41 · 485 阅读 · 0 评论 -
vue发送post请求时如何携带cookie
只需要在main.js中写这三行代码即可import axios from 'axios'axios.defaults.withCredentials=true;//让ajax携带cookieVue.prototype.$axios = axios;如果cookie携带不过去的话,请求响应的时候他会报错显示登陆过期的呦!!!顺便说一下原生js携带cookie的方法: ...原创 2018-08-09 10:03:58 · 15739 阅读 · 1 评论 -
vue中使用echarts制作圆环图
<div id="main"></div><script type="text/ecmascript-6"> export default { //从父组件中接收到的数据 props:{ chartT:{ type:Object, required:true } }, ...原创 2018-07-27 11:44:51 · 4268 阅读 · 0 评论 -
vue实现鼠标移入移出事件
<div class="index_tableTitle clearfix" v-for="(item,index) in table_tit"> <div class="indexItem"> <span :title="item.name">{{item.name}}<原创 2018-07-30 14:17:06 · 136597 阅读 · 5 评论 -
vuejs实现下拉框菜单选择
<script type="text/ecmascript-6"> export default { data() { return { isShowSelect: false, dataList: [ {key: -1, value: "请选择"}, {key: 0, value: "苹...原创 2018-07-24 11:43:38 · 53706 阅读 · 5 评论 -
Vue项目启动报错整理4
1、Error:Cannot find module 'xxx'出现这种报错的时候,说明安装包安装的不全解决办法:npm install xxx --save注意:若是报错时单独安装相应的插件后还会连续出现别的安装不完善,建议直接删除文件夹node_modules ,而后再次执行npm install2、vue.esm.js?3153:591 [Vue ...原创 2018-05-25 13:19:27 · 1952 阅读 · 0 评论 -
vue-lazyload懒加载插件介绍和应用
当前窗口看到的内容是有限的,当滚动到相应位置时加载其余内容插件vue-lazyload:https://github.com/hilongjw/vue-lazyload安装后main.js中import VueLazyLoad from ‘vue-lazyload’Vue.use(VueLazyLoad, {loading:require(‘common/image/default.png’)})...原创 2018-02-25 09:04:40 · 1120 阅读 · 0 评论 -
vue实现下拉表单二级联动
<!--一级菜单--><select name="province" id="province" class="classify" v-on:change="indexSelect01" v-model="indexId"> <option value="选择一级菜单">选择一级菜单<原创 2018-08-08 09:57:08 · 21521 阅读 · 0 评论