vue+apicloud
Thekingyu
万事小心,事事顺心。
展开
-
vue3 斗兽棋游戏
,此为翻转后消失的css.注意背面的棋牌需要先翻转180,这样转过来正好是正面。斗兽棋上下各八个棋子,一个16位置的格子,本来用一个数组写出来,后来想起需要空位,还有棋子跳转路径规则,所以设置了以下结构。近来掘金举办前端比赛,所以写了一个小游戏参加,而且熟悉一下vue3,写了一下游戏,思来想去就写了一个斗兽棋游戏。然后设置图片 图片为两张图片 第一张为背面 第二张为棋牌。这里就不多述了,大家都看得懂,非常简单。进入有点击右上方 ‘运行’原创 2022-11-23 17:10:43 · 2689 阅读 · 2 评论 -
elementplus 表格中表单的验证
vue3 elementplus 表格中表单的验证原创 2022-10-19 15:37:09 · 1081 阅读 · 0 评论 -
vue3 elementplus table 高度自适应 的两种方法
ref="tables" const tables=ref()const tableHeight=ref()//引入 onMountedonMounted(() => { tableHeight.value = window.innerHeight - tables.value.$el.offsetTop - 100 window.onresize = function() { tableHeight.value = window.innerHeight - ta..原创 2022-04-14 11:31:57 · 5436 阅读 · 2 评论 -
vite + vue3项目所用网站地址
elementplus 官方demohttps://element-plus.github.io/theme-chalk-preview/#/zh-CN elementplus 官方https://element-plus.gitee.io/#/zh-CN/component/installationelementplus 官方issues诡异问题找不到就在此地址查看https://github.com/element-plus/element-plus/issues v...原创 2021-07-19 17:53:11 · 578 阅读 · 0 评论 -
vite + vue3 + elementPlus + vuex + axios项目搭建及问题
遇到的问题:1:elementplus 引入后功能正常 其里面 icon 无效2:elementplus 默认英文问题3:vue3把过滤器删掉了我用什么替代4:vue3 routerview 第一次加载空白页 我想强制刷新怎么办 next updata?5:引入vuex保存变量发现刷新丢失怎么办6: vite 打包后放服务器js css 找不到怎么配置常规为题:1:vue3使用获取路由传参2:vue3父组件触发子组件方法3:vue3 getCurrentInstanc原创 2021-07-09 13:45:43 · 825 阅读 · 3 评论 -
element 自定义 本日 本周 本月 本年 昨日 两种方法
1:通过pickerOptionstime实现<template> <div> <el-form class="myForm" :inline="true" :model="tableParam" label-position="right" size="small" :label-width="width" > <el-form-item :.原创 2021-05-21 17:51:44 · 845 阅读 · 0 评论 -
vue 五星评分及数据为遍历
div class="star" style="float: right" > <span v-for="(itemClass,index) in y.itemClasses" :class="itemClass" data="1" class="star-item" :track-by="index" ></原创 2018-05-23 14:52:02 · 1736 阅读 · 0 评论 -
vue-i18n 用法及插件值
npm install vue-i18n在main.js中引入vue-i18nimport VueI18n from 'vue-i18n'import LangEn from '../static/en'import LangZhCHS from '../static/zhCHS'Vue.use(VueI18n)const i18n = new VueI18n({ locale: 'en...原创 2018-05-29 19:22:09 · 2987 阅读 · 0 评论 -
vue 封装方法并每个页面调用
新建一个jsexport function activeFn(yong) { // 中英文互换 let storage=localStorage.getItem("key") if(storage=="zhCHS"){ this.ch=false this.eng=true this.$i18n.locale='zhCHS' }else { ...原创 2018-06-16 15:52:24 · 18414 阅读 · 6 评论 -
apicloud相机及从相册里上传图片并剪切
<template> <div class="chat" style="font-size: 0.16rem"> <img :src=tu /> <div @click="bb">点击上传图片</div> <div id="box" v-show=&原创 2018-07-01 17:09:00 · 4090 阅读 · 0 评论 -
vue 获取HTTP Session传值后端
在main.js里new vue 前写下axios.defaults.withCredentials = trueHTTP Session 值在浏览器 --设置--高级--内容设置--cookie--查看所有cookie与网站数据--里请求的地址里 其中内容为加密内容,是base64加密。其作用保持持续通话,可以用在后台仿重复提交。...原创 2018-12-27 15:52:57 · 17426 阅读 · 1 评论 -
npm run build 打包没反应
在check-versions.js遮住上边原创 2018-12-22 09:04:25 · 4424 阅读 · 0 评论 -
axios 设置headers头部传参token
引入了js-cookie// axios.defaults.headers.get['Content-Type'] = 'application/json;charset=UTF-8'export function httpget(url,params){ console.log(ip + url) return new Promise((resolve,reject) => ...原创 2018-12-22 09:07:16 · 12370 阅读 · 0 评论 -
vue 定义新标签,引用并相互传值
新建页面<div class="tlt_header"> <van-nav-bar :title="this.headers" left-text="" left-arrow @click-left="onClickLeft" @click-right="onClickRight" fixed styl原创 2019-02-26 10:57:48 · 2177 阅读 · 0 评论 -
vue bus 兄弟组件传值依次累加
使用$emit都会建立的一个新的消息机制,而组件销毁时这个消息机制一直未被销毁。不停的切换页面,会不断的挂载和销毁组件,如果每切换一次页面就点一次按钮,就会创建一个新的消息机制,不断的创建而不销毁,导致B组件接受事件里的操作重复触发beforeDestroy() { this.bus.$off();},每次跳转最后清除bus,就不会出现以上问题,需加在传值页面a传b...原创 2019-06-27 20:44:10 · 736 阅读 · 0 评论 -
各国手机号前缀 解决及遍历
div class="phone_table" id="phone_table" style="font-size: 0.14rem" > div v-for="(val,key) in list"> div> {{key}} div v-for="z in val"> {{z[0]}} span @click="dian(z[1原创 2018-04-25 15:34:48 · 5188 阅读 · 0 评论 -
vue checkbox 全选 数据的绑定及获取和计算
htmlinput type='checkbox' v-model='checkboxModel' :value='z.coach_id+"-"+z.amount' :i="dianji" @click="lll">第一个CheckBoxspan>input type='checkbox' v-model='checked' v-on:click='checkedAl原创 2018-01-20 17:54:53 · 5874 阅读 · 0 评论 -
axios 使用
安装npm i axios在main.js里加入import axios from 'axios';Vue.prototype.$http=axios;使用this.$http.get('http://ud.cn/v1/test').then(response => { console.log(response.data)}, respon原创 2017-12-25 20:16:19 · 279 阅读 · 0 评论 -
vue 传值及判断
{{z.year}}-{{z.day}} {{x.type}} {{x.type}} 起止时间 <mt-datetime-picker ref="picker" type原创 2018-01-02 18:46:44 · 4144 阅读 · 0 评论 -
axios post传输
安装qsvar qs = require('qs');this.$http.post('http:',qs.stringify({ type: this.picked})).then(res => {})简单好用,亲测有效原创 2018-01-12 15:58:29 · 427 阅读 · 0 评论 -
axios传参及应用
1.路径:http://localhost:8081/#/test?name=1跳转跳转可传多个参数使用:this.$route.query.id2.路径:http://localhost:8081/#/test/1跳转路由:{ path: '/coach:id', name: 'coach', component:原创 2017-12-28 19:17:40 · 855 阅读 · 0 评论 -
sessionStorage保存删除应用
sessionStorage.setItem('objStr', name) 保存 objStr为自定义名字 name为传参 单个传值用‘’sessionStorage.getItem('objStr')应用sessionStorage.clear('objStr')删除delate (item) { var num = this.cc.indexOf(原创 2017-12-28 19:24:23 · 1991 阅读 · 0 评论 -
ios点击瞬间有黑影
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;} 解决个人使用有效1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:trans转载 2018-01-05 10:57:51 · 1111 阅读 · 0 评论 -
mint-ui 时间插件使用及获取选择值
div > {{pickerValue}}div>mt-datetime-picker ref="picker" 每一个都要填上这一条open type="time" @confirm="handleConfirm" 设置点击确定 v-model="pickerValue">mt-datetime-picker>data () { return { pickerVal原创 2018-01-04 20:13:39 · 16205 阅读 · 0 评论 -
vue setTimeout失效
let that=this; this.hie=true; this.erro=res.data.msg;setTimeout(function () { that.hie=false; },3000)原创 2018-01-06 15:41:18 · 1710 阅读 · 0 评论 -
mint-ui Picker数据为json,怎么获取同一对象的其他属性,及显示
上干活。slots5: [ { flex: 1, values: [], className: 'slot', textAlign: 'center' },],设置values为空 var ski_resorts; this.$http.get(url).then(res =>{ console.log(res.da原创 2018-01-16 17:27:12 · 1286 阅读 · 0 评论 -
vue 数据中<br /><img>不生效
v-htmldiv style="font-size: 0.16rem;" v-for="z in list" > div v-html="z.header" style="margin-top: 0.2rem"> div> div v-html="z.body">div>div>如遍历输出参考一下。亲测,原创 2018-01-16 17:30:22 · 2042 阅读 · 0 评论 -
关于v-for key问题,不解决不开心
先说为什么会报这样的错,因为vue想更好,更快的编译,所以报了一个不算错误的错误,解决,,找数组,唯一id,例如router-link :to="{path:'/coach_detail',query: {id:y.id}}" v-for="y in list" :key="y.id">在例如router-link :to="{path:'/coach_detail'原创 2018-01-31 17:22:06 · 1771 阅读 · 0 评论 -
关于axios delete传输问题
暂无办法。如果后端是PHP就伪装一下就行了,然后前端还用post传输。原创 2018-02-02 15:06:08 · 2041 阅读 · 0 评论 -
vue 当{{}}没有值出现【】
v-cloak不需要表达式用法:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。示例:[v-cloak] { display: none;}d原创 2018-01-05 17:09:31 · 1522 阅读 · 0 评论 -
vue 自己写cookie并使用
建一个js文件export function addCookie(objName, objValue, objHours){//添加cookie var str = objName + "=" + escape(objValue); if (objHours > 0) {//为0时不设定过期时间,浏览器关闭时cookie自动消失 var date = new Date();原创 2018-02-02 20:00:15 · 4856 阅读 · 2 评论 -
apicloud获取手机唯一标识
ul v-if="dataHasLoaded"> li>引擎版本信息: {{ver}}li> li>系统类型: {{sType}}li> li>系统版本: {{sVer}}li> li>设备标识: {{id}}li> li>设备型号: {{model}}li> li>设备名称: {{name}}li> li>网络状态: {{cType}}li> li>主窗口名字:原创 2017-12-25 10:33:44 · 5168 阅读 · 0 评论