Ant Design of Vue 表格动态改变复选框的disabled
摘要：技术要点： computed 及 ant 自带的 getCheckboxProps 选择框的默认属性配置 下面附代码： <template> <div> <a-table :columns="columns" :dataSource="data" :rowSelection="rowSelectio
阅读全文
posted @ 2022-04-13 13:50
随笔分类 - vue 初学
下拉框筛选数据，父子组件传值
摘要：父组件： <template> <div class="about"> 科目查询<br /><br /> <select v-model="selected"> <option>请选择</option> <option v-for="(item,index) in data" :key="index
阅读全文
posted @ 2021-08-26 13:37
v-model 双向绑定
摘要：<template> <div class="about"> <input v-model="message" /> //改变输入框文字div内的文字会直接改变 <div class="message">{{ message }}</div> <ul class="list"> <li v-for=
阅读全文
posted @ 2021-08-25 15:08
vuex的五种基本对象
摘要：state：存储状态（变量） getters：对数据获取之前的再次编译，可以理解为state的计算属性。我们在组件中使用 $sotre.getters.fun() mutations：修改状态，并且是同步的。在组件中使用$store.commit('',params)。这个和我们组件中的自定义事件类
阅读全文
posted @ 2021-05-06 13:32
vue-resource
摘要：vue-resource是vue中使用的请求网络数据的插件，这个插件是依赖于vue的，简单说就是用来调接口的。 安装 cd 项目目录 npm i vue vue-resource --save-dev 在main.js文件中配置 import VueResource from 'vue-resour
阅读全文
posted @ 2020-11-14 14:46
VUE多商品计算总价格
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.js"></scr
阅读全文
posted @ 2020-11-13 10:54
简单的购物车商品价格计算
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.js"></scr
阅读全文
posted @ 2020-11-10 11:25
点击提交到列表并删除
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>添加到列表</title> <style> #app{width:100%; padding:20px;} ul,li,input{padding:0; margi
阅读全文
posted @ 2020-11-06 16:33
利用hash过滤数据进行切换
摘要：<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <ti
阅读全文
posted @ 2020-11-06 15:43
VUE计数器
摘要：<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <ti
阅读全文
posted @ 2020-11-06 14:23
