vue
栋栋很优秀啊
这个作者很懒,什么都没留下…
展开
-
vue项目用axios获取本地json
vue项目用axios获取本地json原创 2022-09-26 21:58:08 · 890 阅读 · 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 · 627 阅读 · 0 评论 -
Vue 校验不能输入中文
οnkeyup=“this.value=this.value.replace(/[\u4E00-\u9FA5]/g,’’)”原创 2021-07-06 09:59:08 · 1053 阅读 · 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 · 590 阅读 · 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 · 230 阅读 · 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 · 3645 阅读 · 0 评论 -
Vue 中 methods,computed, watch 的区别
Vue 中 methods,computed, watch 的区别 Methods methods 中都是封装好的函数,无论是否有变化只要触发就会执行 适用场景:组件中功能的封装,逻辑处理 Computed computed: 是 vue 独有的特性计算属性,可以对 data 中的依赖项再重新计算得到一个新值,应用到视图中,和 methods 本质区别是 computed 是可缓存的, 也就是说 computed 中的依赖项没有变化,则 computed 中的值就不会重新计算, 而 methods 中的函原创 2020-06-17 15:16:11 · 220 阅读 · 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 · 505 阅读 · 0 评论 -
vue常用下载的依赖
1、全局安装 cnpm install vue-cli -g vue -V 查看版本 2、初始化项目 vue init webpack 项目名称(vue2的版本) 3、下载sass cnpm install --save-dev sass-loader@7.3.1 -S cnpm install --save-dev node-sass 4、下载跨域 cnpm install vue-r...原创 2019-12-24 10:53:20 · 4378 阅读 · 0 评论