心意如水hucuie22

2020年9月18日

摘要： 1.总结:去掉scoped ,加上lang=less, 在最外层上的div加上/deep/ <style lang="less"> .mint-switch /deep/ { .mint-switch-core { height: 25px; width: 45px; } .mint-switch- 阅读全文

posted @ 2020-09-18 11:00 心意如水hucuie22 阅读(352) 评论(0) 推荐(0)

2020年9月16日

vue 锚点定位一种方法

摘要： import BScroll from "better-scroll"; selectkey(index){ 获取右侧所有元素的 classname const citylist = this.$refs.area_scroll.getElementsByClassName( "citylist" 阅读全文

posted @ 2020-09-16 16:46 心意如水hucuie22 阅读(223) 评论(0) 推荐(0)

vue BScroll使用

摘要：子组件中<div class="area" ref="area_scroll" v-if="cityInfo"> import BScroll from "better-scroll"; methods: { initScroll() { this.scroll = new BScroll(this 阅读全文

posted @ 2020-09-16 16:03 心意如水hucuie22 阅读(637) 评论(0) 推荐(0)

2020年9月15日

vue 验证表单

摘要： <input v-model="name" @blur="blurishow5" type="text" class="input" placeholder="请输入姓名" /> <div style="clear:both;"></div> <div v-show="item.ishow5" cl 阅读全文

posted @ 2020-09-15 10:42 心意如水hucuie22 阅读(166) 评论(0) 推荐(0)

2020年9月10日

vue 头部header封装

摘要： <template> <header class="header">  <div class="header-button is-left" v-show="isLeft"> <i class="fa fa-chevron-left"></i> <button @cli 阅读全文

posted @ 2020-09-10 13:38 心意如水hucuie22 阅读(898) 评论(0) 推荐(0)

2020年8月26日

vue 评分组件

摘要： <template> <div class="Rating-gray"> <i v-for="(item,index) in itemClasses" :key="index" class="fa" :class="item"></i> </div> </template> <script> // 阅读全文

posted @ 2020-08-26 16:16 心意如水hucuie22 阅读(383) 评论(0) 推荐(0)

vue 单选多选，最多可以选择三个

摘要： <div class="list-item" v-for="(item,index) in list" :key="index" @click="changShow(item,index)"> <img class="left-img" v-show="!item.isShow" src="../. 阅读全文

posted @ 2020-08-26 12:58 心意如水hucuie22 阅读(690) 评论(0) 推荐(0)

2020年8月23日

vue mutations 的使用

摘要： import { mapMutations,mapGetters } from 'vuex' mutations: { incrementCount(state){ return state.count+=1; }, // decrementCount(state,n){ // return sta 阅读全文

posted @ 2020-08-23 20:24 心意如水hucuie22 阅读(336) 评论(0) 推荐(0)

vue getters用法

摘要： import { mapGetters } from 'vuex' getters应用场景：对数据进行过滤，从state里面抽离出来，state: { count: 0, list: [{ id: "1", name: "hucuie", ishow: true }, { id: "2", name 阅读全文

posted @ 2020-08-23 19:07 心意如水hucuie22 阅读(681) 评论(0) 推荐(0)

vue mapState

摘要：恢复内容开始 mapState的用法 export default new Vuex.Store({ state: { count: 0, list: [{ id: "11", name:"hucuie" }, { id: "12", name:"hucuie" }, ] }, mutations: 阅读全文

posted @ 2020-08-23 15:43 心意如水hucuie22 阅读(257) 评论(0) 推荐(0)