vue
车家大少爷
Hello World
展开
-
vue子组件获取父组件实例
vue子组件获取父组件实例。原创 2024-08-14 16:24:45 · 228 阅读 · 0 评论 -
js 接口同时执行并返回
js 接口同时执行并返回。原创 2024-08-14 15:10:51 · 227 阅读 · 0 评论 -
vue js 多组件异步请求解决方案
vue js 多组件异步请求解决方案。原创 2024-08-14 14:24:49 · 478 阅读 · 0 评论 -
微信小程序内嵌h5 three.js
微信小程序内嵌h5 three.js原创 2022-11-29 15:54:50 · 574 阅读 · 0 评论 -
vue style 使用data
html<div class="address" ref="aaa"></div>jsthis.$refs.aaa.$el.style.setProperty('--testColor', 'red');css<style lang="less" scoped> .address { color: var(--testColor); }</style>原创 2022-03-17 18:51:57 · 1158 阅读 · 0 评论 -
自动化部署Jenkins vue express
以前不使用自动化很浪费效率 提交git,上传代码,连接服务器,重新服务等。。。现在Jenkins点一下即可当前环境windowJenkins点一下,服务器代码自动部署linux前端服务(Vue),后端服务(Express)1.安装Jenkins https://www.jenkins.io/download/安装无脑下一步中间一步需要一个JavaJDK下载连接1下载连接2提取码:o2bf解压后选中继续无脑下一步安装2.下载完毕启动http://localhost:8原创 2021-12-09 19:20:18 · 773 阅读 · 1 评论 -
谷歌浏览器安装vue插件
https://blog.csdn.net/qq_45997679/article/details/108312743转载 2021-11-26 23:19:25 · 577 阅读 · 0 评论 -
vue cli3全家桶 项目开发
详细请看vue cl3、vuex、vue-router、ant design vue、axios搭建一个简易的单页面应用项目依赖Nojs.js环境,安装教程如何创建vue cli3项目,创建教程如何创建引入全家桶,引入教程当前项目使用的是ant design vueUI,遵守官方规则UI框架搭建(创建页面)根据UI库搭建各种静态HTML页面写入交互(JS)如何页面跳...原创 2020-03-26 14:05:42 · 1579 阅读 · 0 评论 -
vue cli3打包
注意:我的是vue cli3项目1.根目录下创建vue.config.jsmodule.exports = { publicPath: './'}注意:我的router.js设置mode为history会出现路由白屏,目前正在找原因(谁帮忙找到了给个答复哈谢谢)2.npm run build...原创 2020-03-26 11:09:12 · 524 阅读 · 2 评论 -
vue cl3、vuex、vue-router、ant design vue、axios搭建一个简易的单页面应用
源码码云:https://gitee.com/ChinaCYZ/zhengyekeji在线演示地址:http://cheyouzheng.top/test/index.html找工作时,发现一套不错的前端机试题,分享给大家。之前都是使用原生JS开发,Vue也只是CDN方式使用,没有使用全家桶,经过这次项目可以提高大家的Vue全家桶熟练度。要求如下:使用vue、vuex、vue-rout...原创 2020-03-25 22:19:29 · 795 阅读 · 0 评论 -
vue cli3引入(vuex、vue-router、ant design vue、axios)
项目依赖Nojs.js环境,安装教程如何创建vue cli3项目,创建教程vuex(状态管理模式【全局变量】)vue-router(路由【页面跳转传参,路由嵌套组件封装】)ant design vue(UI库【全面覆盖了 React、Angular、Vue 三大前端框架】)axios(基于promise的HTTP库【get,post请求封装】)引入vuex1.安装Vuexnp...原创 2020-03-25 21:29:55 · 3259 阅读 · 2 评论 -
创建vue cli3项目
前提需要node.js环境,安装教程cmd 操作日志(我已经安装vue cli3所以提示不一样)管理员身份运行cmd1.进入D盘d:2.安装vue cli3npm install -g @vue/cli执行后出现以下,说明vue-cli3全局安装成功3.创建vue项目vue create vuecli3_test回车(选择默认)4.启动vue项目cd ...原创 2020-03-25 16:07:22 · 482 阅读 · 0 评论 -
vue监听滑倒底部
<div class="content" @scroll="scrollGet($event)" ref="scroll"></div> /** *协议滑倒底部触发 */ scrollGet: function(e) { if(this.$refs.scroll.scrollTop+1 >= this.$refs.scroll.scrollHeig...原创 2020-01-16 16:31:28 · 1153 阅读 · 0 评论 -
vue+mui 轮播图
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>还原健康</title> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, ...翻译 2019-11-04 21:40:45 · 246 阅读 · 0 评论 -
vue @click @tap 重叠 事件区分
点击 remove 事件会触发 details 事件,使用@click.stop官方介绍<ul> <li v-for="item in data.list" :key="item.id" @click="details(item)"> <font @click.stop="edit(item)">编辑</font&原创 2019-03-15 10:33:29 · 8112 阅读 · 3 评论 -
vue class style 三元运算
<span :style="{'color': true ? 'red' : ''}">test1</span><span :class="{show: true,hide: false}">test2</span>转载 2019-03-16 12:42:46 · 9467 阅读 · 0 评论 -
vue 自定义模板
zidingyi转载 2019-03-18 17:54:45 · 5588 阅读 · 0 评论 -
vue 购物车示例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=n...原创 2019-06-19 12:00:32 · 216 阅读 · 0 评论 -
vue 插入html
<div class="test" v-html="'<h1>这是测试</h1>'"></div>转载 2019-07-08 12:53:59 · 9065 阅读 · 0 评论 -
vue 验证码倒计时
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>vue倒计时</title> <...转载 2019-07-09 15:13:16 · 688 阅读 · 0 评论 -
vue class 字符拼接
var vm = new Vue({ el: '#app', data: { status: 3, })}<li :class="`curre${status}`"></li>转载 2019-07-04 15:33:51 · 6976 阅读 · 1 评论 -
vue v-model绑定到数组
有次项目中需要用到该场景,正确操作如下JSdata:{ a:{ batch: [], //批号 num: [], //数量 },}HTML<input v-model="a.batch[0]" type="text" placeholder="请输入批号"><input v-model="...转载 2019-09-27 10:00:15 · 21622 阅读 · 0 评论 -
vue获取input file值,并上传
配合jquery的$.ajax<input type="file" class="face" accept="image/*" @change="upload_photo" ref="inputer">upload_photo: function(){ var that = this; var inputDOM = that.$refs.inputer; va...转载 2019-09-27 11:07:21 · 13875 阅读 · 1 评论 -
mui vue @click 冲突解决方案
方案一mui('body').on('tap','li',function(){ this.click();});方案二把vue的 @click换成 @tap参考链接转载 2019-03-04 12:00:56 · 1366 阅读 · 0 评论