vue
vue学习心得
蚕豆ya
这个作者很懒,什么都没留下…
展开
-
使用sourcetree提交拉取代码
原创 2021-11-12 10:04:07 · 291 阅读 · 0 评论 -
新增和修改表格用同一个对话框dialog
写个对话框,valbut是判断是新增还是编辑<el-dialog :visible.sync="dialogFormVisible" :title="valBut == 1 ? '新增' : '编辑'"> <el-form :model="formList"> <el-form-item label="消费规则名称"> <el-input v-model="formList.ruleName" autocomplete="off"原创 2021-10-11 16:28:55 · 379 阅读 · 0 评论 -
element 里面的<el-input-number />用法
min是最小值,max是最大值,step是每次增长的数,precision是设置保留几位小数<el-input-number :min="0" :max="10" :step="0.01" :precision="2" v-model="formList.fixedAmount" />...原创 2021-10-11 14:58:05 · 1733 阅读 · 0 评论 -
element里面的trigger: ‘blur‘和 trigger: ‘change‘有什么区别
blur失去焦点比如输入框里。校验文本框是否为空change数据改变比如下拉框,需要手动选择的东西,用change原创 2021-10-09 11:31:57 · 885 阅读 · 0 评论 -
vuex的安装和使用
1、安装vuex依赖包npm install vuex --save2、创建一个store文件,引入vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { //State提供唯一的公共数据源,所有共享的数据都要统一放到Store的State中进行存储 name:"小狗", }, mutations: { //只有 muta原创 2021-10-07 15:28:52 · 244 阅读 · 0 评论 -
Vue路由传参
1、在列表页传参( id )到详情页<el-table-column label="操作" fixed="right" width="180"> <template slot-scope="scope"> <el-button type="primary" size="mini" @click="handleEdit(scope.row)" >详情&l原创 2021-10-06 21:03:54 · 177 阅读 · 0 评论 -
Vue组件传值-子组件传给父组件
第一步:在父组件中在父组件引入子组件、注册、使用、绑定自定义函数//引入子组件import InforList from "../view/InforList/index.vue";//注册components: { InforList,},<!-- 使用和绑定自定义函数 --><InforList @func="getMsg"></InforList>第二步:在子组件中触发<template> <div>原创 2021-10-06 18:03:59 · 80 阅读 · 0 评论 -
Vue组件传值-父组件传给子组件
第一步:在父组件引入子组件、注册、使用、传值://引入子组件import InforList from "../view/InforList/index.vue";//注册components: { InforList,},<!-- 使用和传值(在这里传的是indexFeed) --><InforList :xc="indexFeed"></InforList>第二步:在子组件中接收父组件的值,然后在子组件用这个传来的值export def原创 2021-10-06 17:36:10 · 67 阅读 · 0 评论 -
Vue兄弟组件传值
通过事件总线bus传值第一步在main.js里首先声明Vue.prototype.$bus=new Vue();第二步(触发)在子组件1,在.then里面加下面这行代码this.$bus.$emit("自定义事件名", 传的值);第三步(监听)在子组件2,在mounted里面加下面这行代码this.$bus.$on("自定义事件名", (形参) => { this.messagesNmb(); });...原创 2021-10-05 23:58:00 · 55 阅读 · 0 评论 -
git提交代码和拉代码
三个步骤:第一步: git add .第二步:git commit -m"此处写注释"第三步: git push 仓库地址 master //master是分支名原创 2021-10-04 21:41:51 · 60 阅读 · 0 评论 -
用height=100vh或width=100vw会出现滚动条,如何消除滚动条
解决办法:1、在scr下创建个css的文件(global.css),写以下代码:body { margin: 0; padding: 0;}2、在mian.js中引入import "./global.css";原创 2021-10-02 16:53:07 · 5414 阅读 · 1 评论 -
Vue 安装router路由
步骤一、安装命令:npm install vue-router二、配置:1、在mian.js文件中加入代码import router from “./router”;new Vue({router,render: (h) => h(App),}).$mount("#app");2、新建一个router文件夹,下面建个index.js文件,写入代码import Vue from “vue”;import VueRouter from “vue-router”;import Log原创 2021-10-02 15:20:37 · 939 阅读 · 0 评论 -
创建Vue项目
安装node.js1、安装Node.js 安装包及源码下载地址为:node地址2、安装完成后查看版本:node -version安装脚手架vue-cli1、全局安装cli4+脚手架:npm uninstall vue-cli -g(注意:cli4版本要求node的版本为Node.js 8.9 或更高版本)2、安装完成后查看版本:vue -version创建vue项目1、vue create 项目名...原创 2021-10-01 16:12:51 · 49 阅读 · 0 评论 -
调用后端的接口
1、查看后端的接口2、在axios目录下的api.js文件里获取后端的接口(每个接口写发都差不多,只要改接口名称就好 如:getNotice)export const getNotice = (query, tenantkey_A, tenantid_A, username) => { //获取通知消息 let time_A = getTime() let sha_A = hex_sha1("/v1/user/getNotice" + tenantkey_A + time_A) re原创 2020-12-23 17:36:40 · 2848 阅读 · 0 评论 -
vue分页
vue分页1、html <div class="block"> <span class="demonstration">完整功能</span> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[1原创 2020-09-10 14:12:41 · 106 阅读 · 0 评论 -
vue中使用路由router在本页某区域显示要的内容
案例Html<!--左侧列表-->//on-select 事件会在文本框中的文本被选中时发生。//active-name 默认选择的是 /user 即用户管理<div active-name="/user" @on-select="selectMenu"><div name="/user">用户管理</div><div name="/qx">权限管理</div></div><!--主体区域conte原创 2020-08-21 15:22:06 · 1522 阅读 · 0 评论 -
把本地仓库托到码云中
在一个vue项目中打开powerShell在本地进行的仓库操作输入 git add . (把所有文件都添加到暂存区)再输入git commit -m “add files” (在本地做一次提交)git status(检查状态)把仓库上传到码云中git remote add origin [email protected]:xc1012/vue_erp.gitgit push -u origin master (把本地仓库跟云端仓库做一下关联)...原创 2020-08-20 12:30:37 · 89 阅读 · 0 评论