<template> <el-dialog title="新增/编辑" :visible.sync="dialogVisible" width="60%" :before-close="handleClose" :destroy-on-close="false" :close-on-click-modal="false"> <el-t
安装 1 npm install --save vue-clipboard2 2 3 yarn add --save vue-clipboard2 引入 1 import Vue from 'vue' 2 3 import VueClipboard from 'vue-clipboard2' 4 5 Vue.use(VueClipboard) 表格中使用 @cell-dblclick="celldblclick" 1 <el
ES6语法 1.var const let 区别 var的作用域是方法作用域,在方法外无法通过var定义的变量 const的作用域和let的作用域相同,是块作用域,只要出在同一个{}内都是可以被访问到的,两者的主要差别是const一旦被赋值就不再被改变,在vue中大部分情况下会用const,除非知道该变量值会改变。 2.
此笔记根据 B站狂神视频教程整理 推荐优秀笔记 MVVM MVVM(Model-View-ViewModel)是一种软件架构设计模式,源自于经典的MVC(Model-View-Controller)模式。MVVM的核心是ViewModel层,负责转换Model中的数据对象来让数据变得更容易管理和使用,其作用如下: 该层向上与视图层进行双向数据绑定
1. 安装 node 版本 > v10.16.3 2. 安装 vue-cli > npm install -g @vue/cli@4.5.12 3. 构建 vue 项目 步骤: 1. vue create mobile-web 2. Manually 3. Bable,Router,Vuex,Linter / Formatter 4. N 5. ESLint with e
全栈开发: 开发环境和技术栈操作系统:windows 开发工具:vscode、Visual Studio 、sql server 前端:Vue3、TypeScript、SCSS、Element Plus、Router、axios、Vuex 后端:.NET6、Automapper、Autofac、Sql sugar、JWT、Log4Net 前端开发--后端提供数据--数据库管理数据--业务流
指令绑定语法(1) 1. 插值语法:{{}} {{}}: 原理和模板字符串的${}一致底层相当于DOM中的textContent属性相当于 innerText 2. 属性绑定:v-bind (简写:) 元素的属性值发生变化,用v-bind绑定属性值 <元素 v-bind:属性名="js变量或表达式"> <!--简写--> <元素 :属性名="js变量或表
1.在根目录的public下创建三个文件 index.js let config = { env: 'development', //development 测试 production 线上 VERSION: 'v0.1.1', APP_KEY: 'key' }; if (config.env === 'development') { /*eslint no-undef:0*/ Objec
逐个赋值:麻烦,代码结构混乱 object.assign()——推荐 MDN关于该方法的介绍:Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 用法: Object.assign(target, ...sources) 第一个参数是目标对象,第二个参数是源对象,就是将源对象属性
一、安装nodejs版本管理器nvm 二、安装nodejs nvm install 14.19.1 //安装nodejs 14.19.1版本 nvm use 14.19.1 //使用node 14.19.1版本 nvm ls //列出所有安装的nodejs版本 三、创建第一个Vue应用 1.创建一个启用构建工具的 Vue 项目 用管理员打开VS Code,打开文件夹(任意一个空
<template> <div class="home-top"> <button @click="getPdf('pdf')">导出(pdf)</button> </div> <div class="home-wrap" ref="exportPdf"> <PageOne /> <
vue动态添加类名 1. 三元运算表达式 :class="show==true? 'style1':'style2'" 2.多个类名 使用Boolean值来判断类名是否生效 :class="{votes:true,votes2:2>1}" 3. 多个类名,且有固定类名 :class="[owl,{ password: flag }]" export default { data()
目录一、简易demo二、Vue-Router传参方式三、进阶-路由导航 一、简易demo // routes注册 import Vue from "vue"; // import VueRouter from "vue-router"; import VueRouter from "./vueRouter"; // 自定义路由 js import Home from "../views/Home.vue"; Vue.use(
在跟着尚硅谷的视频学习Vue脚手架时,发现main.js文件中的格式同视频中的完全不一样,内容倒是可以看懂,但因为初学的缘故,还是照猫画虎的操作一遍为好,但是在编写render的时候始终不行,百度半天,没有找到解决方法,然后思考一下,既然默认实例模版不一样,那么,是不是在创建工程时创建成Vue3
vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本…………………… 解决方法: 1、管理员身份运行PowerShell(命令提示符,来源于Linux的命令提示符也叫Shell) 2、执行:set-ExecutionPolicy RemoteSigned (签名或运行这些脚本) 结束。
每个Vue实例被创建时都需经过一系列周期过程。 BeforeCreate: 此时组件实例将要被创建,此时无法访问data中的数据和methods中的方法。 Created: 组件实例创建完成,此时可访问data数据和methods方法,但不能操作DOM,此时页面还未加载成功。 BeforeMount: 组件实例将要被挂载,页面呈现的
<select name="public-choice" v-model="couponSelected" @change="getCouponSelected"> <option :value="coupon.name" v-for="coupon in couponList" >{{coupo
问题描述: 安装sass、sass-loader,vue.config.js中配置对应的scss文件路径。可以正常使用。但是如果在main.ts中引入,则会报错。 当前问题目前还未找到原因..... 项目技术栈: 脚手架:@vue/cli 5.0.4 vue:vue 3.2.13 typescript:4.5.5 sass:1.32.7 sass-loader:12.0.0 1、vue/cli5+
问题 安装Vuex后报错"export 'watch' was not found in 'vue' 解决方法 如果你的vue版本是 2.X ,将vuex升到 3.X.X 就能够解决 npm install --save vuex@3.6.2 如果你的vue版本是 3.X ,将vuex升到 4.X.X 就能够解决 npm install --save vue@3.0.2 npm install --save vuex@4.0.0
Vue-mini 完整的Demo示例:git@github.com:xsk-walter/Vue-mini.git 一、Vue实例 构造函数: $option\ $el\ $data 判断是否存在 通过 || 逻辑运算符; _ProxyData 遍历所有data属性,并注入到vue实例中; 判断是否重复选项; // Vue.js /** * 1.负责接收初始化的参数(选项) * 2.负责把dat
自定义路由demo,git地址: git@github.com:xsk-walter/Vue-router.git 一、router基本使用 ① 创建和路由相关的组件 ②Vue.use(vueRouter)注册插件 ③创建路由对象,此时配置路由规则 ④注册router对象,vue实例时,选项里配置创建好的router对象 ⑤通过router-view,设置占位,路径匹配成功
$refs的基本用法 1:ref属性 加在普通元素上,用 this.refs.(ref值) 获取到的是dom元素 2:ref属性加在子组件上,用 this.refs.(ref值) 获取到的是组件实例 ,可以使用组件的所有方法 。 在使用方法的时候直接 this.refs.(ref值) 获取到的是组件实例,可以使用组件的所有方法。 在使用方
通过 子组件给父组件传递数据 了解组件自定义事件 props 实现:子给父传递数据 父组件 <template> <div class="app"> <h2>{{msg}}</h2> <!-- 通过父组件给子组件传递函数类型的 props 实现:子给父传递数据 --> <my-school :getSchoolName="getSc
1 动态路由配置 当我们需要根据用户登陆角色来控制路由权限的时候,可以通过动态路由来解决。 1.1 划分路由 constantRoutes 在所有的角色页面上都会显示 asyncRoutes 路由会根据路由的 meta 参数中的 roles 进行角色权限限制 export const constantRoutes = [ { path: '
<a-input suffix="元" placeholder="输入金额" @change="(e) => {e.target.value = getMoney(e.target.value)}" v-decorator="['rechargeAmount