Vue
Vue
dd&zy
每天进步一点点
展开
-
vue computed计算属性
vue computed计算属性computed: { totalPrice() { let totalPrice = 0; if(this.cartList.length > 0) { totalPrice = this.cartList.reduce((total, item) => { if(item.is_checked == 1) { total += item.num * item.goods.price; } return tot原创 2021-09-01 15:40:28 · 170 阅读 · 0 评论 -
vue项目中点击登录跳转,url中自动加上了问号
vue项目中点击登录跳转,url中自动加上了问号问题描述:当我登录系统的时候,页面的确跳转了,但是浏览器地址栏的url里多了一个问号,而这并不影响页面显示,像下面这样原因:<form action=""> <div class="login_box_input"> <input type="text" class="form-control pull-left" v-model="loginData.user_name"> <input原创 2020-12-18 17:19:09 · 3050 阅读 · 14 评论 -
vue 子组件获取并修改父组件的数据
vue 子组件获取并修改父组件的数据父组件在使用子组件的时候,可以通过动态绑定属性值,将数据传递给子组件<date :start_date="start_date" :end_date="end_date"></date>子组件通过 props 接收父组件传递过来的数据props: { start_date: { type: String, // 数据类型 default: '' // 默认值 }, end_date: {原创 2020-12-16 15:02:19 · 1553 阅读 · 2 评论 -
vue 自定义拖拽指令(单独文件),并改变data中数据的值
vue 自定义拖拽指令(单独文件),并改变data中数据的值新建directives文件夹,在文件夹下新建index.js文件在文件中写自定义指令import Vue from 'vue';const drag = Vue.directive('drag', { bind: function(el, binding) { var rolesList = binding.value.rolesList; console.log(rolesList) var tagId;原创 2020-11-25 18:14:30 · 550 阅读 · 0 评论 -
vue 自定义过滤器(单独文件)
vue 自定义过滤器(单独文件)新建filters文件夹,并在文件夹下新建 index.js 文件在 index.js 文件中自定义过滤器import Vue from 'vue';Vue.filter('filterPrivilege', function(arg) { ...}在组件中引入并使用<template> <button class="marL10 marB10 pad0_10 tag bg-9">{{item.menu_name | filter原创 2020-11-25 18:06:46 · 527 阅读 · 0 评论 -
vue 自定义开关组件
vue 自定义开关组件switch.vue:<template> <div class="disLB"> <div class="switch disLB" @click="toggleSwitch" :class="isOpen?'switch-on':''"> <span class="disB switch-circle" :class="isOpen?'on':''"></span> </div&g原创 2020-11-25 17:56:07 · 1220 阅读 · 3 评论