vue
栋栋很优秀啊
这个作者很懒,什么都没留下…
展开
-
vue项目用axios获取本地json
vue项目用axios获取本地json原创 2022-09-26 21:58:08 · 914 阅读 · 1 评论 -
element表格合并
html代码如下: <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px"> <el-table-column prop="id" label="ID" width="180"> </el-table-column> <el-table-原创 2021-10-02 18:27:56 · 643 阅读 · 0 评论 -
Vue 校验不能输入中文
οnkeyup=“this.value=this.value.replace(/[\u4E00-\u9FA5]/g,’’)”原创 2021-07-06 09:59:08 · 1072 阅读 · 0 评论 -
Vue项目实战,现点击切换验证码(组件)及校验
先看效果父组件<template> <div class="login"> <van-field center clearable label="验证码" placeholder="输入验证码" v-model="verify" > <template #button> <vueImgVerify ref="verifyRef" />转载 2021-01-04 16:22:13 · 632 阅读 · 0 评论 -
vuex购物车demo
先看效果:代码:<template> <div class="Home"> <h1>vuex购物车案例</h1> <add-from></add-from> <shop-cart></shop-cart> </div></template><script>import AddFrom from './Add.vue'import ShopCart原创 2020-12-16 22:09:00 · 241 阅读 · 0 评论 -
element ui 解除禁用按钮状态
先看先看效果:dome代码<template> <div class="home"> <el-button type="primary" @click="add">点击解除禁用按钮</el-button> <el-button type="success" :disabled="disabled" @click="btn(display)">禁用按钮</el-button> <div v-show="isSho原创 2020-12-11 22:45:27 · 3699 阅读 · 0 评论 -
Vue 中 methods,computed, watch 的区别
Vue 中 methods,computed, watch 的区别Methodsmethods 中都是封装好的函数,无论是否有变化只要触发就会执行适用场景:组件中功能的封装,逻辑处理Computedcomputed: 是 vue 独有的特性计算属性,可以对 data 中的依赖项再重新计算得到一个新值,应用到视图中,和 methods 本质区别是 computed 是可缓存的, 也就是说 computed 中的依赖项没有变化,则 computed 中的值就不会重新计算, 而 methods 中的函原创 2020-06-17 15:16:11 · 227 阅读 · 0 评论 -
vue移动端 better-scroll插件完成上拉加载更多
better-scroll 来做下拉刷新和 上拉加载 特别方便。可直接复制 在vue-cli中使用步骤:一、下载 better-scroll npm install better-scroll -S二、组件中引入 template><div class="rules"> <p class="drop-down" v-if="dropDown">松手...原创 2020-01-25 21:00:55 · 511 阅读 · 0 评论 -
vue常用下载的依赖
1、全局安装 cnpm install vue-cli -gvue -V 查看版本2、初始化项目vue init webpack 项目名称(vue2的版本)3、下载sasscnpm install --save-dev sass-loader@7.3.1 -Scnpm install --save-dev node-sass4、下载跨域cnpm install vue-r...原创 2019-12-24 10:53:20 · 4432 阅读 · 0 评论