vue
Genius Joe
这个作者很懒,什么都没留下…
展开
-
Vue-cli创建项目步骤
Vue-cli 创建项目原创 2022-11-17 15:21:52 · 501 阅读 · 1 评论 -
Element UI el-form-item 遍历表单校验规则
vue 遍历表单校验实现原创 2022-09-07 14:57:11 · 872 阅读 · 0 评论 -
Vue的计算属性和监听属性
1、计算属性 computed 当依赖数据发生变化时,计算属性会被重新计算。 有且只有在依赖数据发生变化时它才会重新计算,其他的数据变化对计算属性。 应用场景:数据的计算显示、v-for用v-if的计算。 <div id="example"> <div id="demo">{{ fullName }}</div> </div> <script> var vm = new Vue({原创 2022-04-13 14:47:57 · 2227 阅读 · 0 评论 -
Vue父子组件和兄弟组件通信
一、父子组件通信 1、父组件向子组件传值,通过props传值。 父组件代码: <template> <div class="section"> <child :list="list"></child> </div> </template> <script> import child from './child.vue' export default { components: { child }, d原创 2022-04-12 14:30:33 · 900 阅读 · 0 评论 -
Vue 声明周期
一、Vue渐进式框架 **声明式渲染 > 组件化应用 > 客户端路由 > 集中式状态管理 > 项目构建** 声明式渲染:我们只需要告诉程序我们想要什么效果,其他的交给程序来做。 组件化应用:可将每个功能模块当成一个组件,一个项目中有多个组件相互构成。 客户端路由:通过使用路由的特性实现单页面应用。 集中式状态管理:vue中的vuex的概念。 项目构建:在大型的项目中由开发、打包、部署、上线等流程。 二、 ...原创 2022-04-07 11:13:04 · 602 阅读 · 0 评论 -
vue el-table 如何实现表格根据分页索引自增长
在el-table 里设置type=“index”,可以实现表格的索引自增长,但是如果我们给表格增加了分页,切换页面索引任然是从1-20(20是自己分页的数量),那么想要实现根据分页索引子增长就需要进行index的自定义,实现原理很简单”页数*数量“就行,但是要注意自定义索引是从0开始的需要进行处理; <el-table-column type="index" label="序号" :ind...原创 2020-04-15 11:48:59 · 1181 阅读 · 1 评论 -
vue项目 el-input输入框字符限制,只显示英文及数字
element的el-input没有限制输入的内容,想要限制输入内容就需要自己来开发,我使用的方式是正则来判断进行再次赋值实现的, 不废话上代码; <el-input v-model="accountVal" maxlength="24" @input="accountInput" placeholder="请输入用户账号"></el-input> 通过监控输入框的事实输...原创 2020-04-14 14:50:04 · 13182 阅读 · 3 评论