vue

1. v-bind 动态属性 语法： v-bind:属性名="vue变量" 简写： :属性名="vue变量" 例子： <a v-bind:href="url">我是a标签</a> <img :src="imgSrc"> 2. v-on 事件绑定 语法: v-on:事件名="methods中的函数" v-on:事件名="methods中的函数(实参)" 简写：@事…

安装需要的组件 import { DatetimePicker,Toast,Popup,Picker } from 'mint-ui'; templete部分 <div class="sex"> <span>性别</span> <div @click="sexVisible = true">{{sex}}</div> </div&g…

vue.js轮播图组件 Vue甜甜圈图 ( Vue Doughnut Chart ) Doughnut chart component for Vue.js. Vue.js的甜甜圈图组件。 View demo 查看演示 Download Source 下载源 安装 ( Install ) yarn add vue-doughnut-chart # OR npm i vue-doughnut-cha…

vue+antd自定义table展开按钮 <a-table :columns="columns" :data-source="data" :rowKey="(record) => record.id" :expandIcon="expandIcon" > </a-table> 最主要是这个expandIcon属性 expandIcon(props) { //props…

【引言】 当前世界中，技术发展非常迅速并且变化迅速，开发者需要更多的开发工具来解决不同的问题。本文就对于当下主流的前端开发技术React、Vue、Angular这三个框架做个相对详尽的探究，目的是为了解开这些前端技术的面纱，看看各自的庐山真面目。 【React】 React（也被称为React.js或ReactJS）是一个用于构建用户界面的JavaScript库。它由Facebook和一个由个人开…

如果不需要this$showToast.load('正在加载')   这样的需求  把它封装成 组件就可以了  你可以看看 (也是我写的效果一样) https://blog.csdn.net/echo_Ae/article/details/89530951 效果图 1、新建一个js文件(如showToast.js)这个记得要在main.js引入(入口文件) const showToast = { …

1、首先认识一下ref ref说白了就是标识，获取某一个标签的标志。 为什么这么说呢？ <button ref="age" @click="getRefAge">ref的age形式</button> getRefAge(e){ // 获取的是button标签, ref是用来获取标签的 console.log(this.$refs.age) console.log(this.…

前言：我的Spring boot项目部署在8083端口，我的vue项目部署在8080端口，我想从8083端口拿到数据，这个不同端口之间的联系会涉及到跨越问题，在vue中如何解决跨域访问拿数据呢，请往下面看。 问题引起的原因： 这里以我的vue8080端口访问Spring boot8083开始。 后台部署情况 前台部署情况 跨越访问 所引发的问题 解决方案 配置基本的访问路径，找到src目录下的ma…

props 是VUE中子组件能获得父组件值得唯一通道 通常得用法： 父组件： <s-button :h="list"></s-buttong> 子组件： props：["h"]============================console.log(this.h) 今天在封装组件库得时候发现 props可以给传进来得值进行默认值设置，以及他得类型，上代码 父组件： &…

Vuejs 3.0 在北京时间2020年9月19日凌晨，终于发布了3.0 版本，代号：One Piece。此次vue3.0为用户提供了全新的 composition-api 以及更小的包大小，和更好的 TypeScript 支持。 Vue3.0发布链接 Vue 是当前非常流行的框架，Vue3.0更是酝酿了2年多的时间，经过2600多次commit，600多次PR，中间也发布了很多beta版本。终于…