vue
An ape
这个作者很懒,什么都没留下…
展开
-
vue整个页面的背影颜色设置
beforeCreate() { document .querySelector("body") .setAttribute("style", "background-color:rgb(242,242,242)"); //document.querySelector('body').setAttribute('style', 'background-color:#FFFFFF!important'); }原创 2021-07-01 11:42:00 · 512 阅读 · 0 评论 -
vue公众号微信支付实现代码
话不多说直接上代码样式代码 <div style="position: fixed;bottom:0;color:white;font-size:0.3rem;width:105%;height:1rem;text-align:center;line-height:1rem;background:red;margin-left:-2.5%;" @click="GroupDetails_path_go" > 微信支付¥{{ shopInfoRe原创 2021-07-01 11:41:05 · 252 阅读 · 0 评论 -
vue根据接口修改背景图片
话不多说直接上代码通过backgroundImage根据接口的路径展示:style="{backgroundImage:'url('+this.List.oilCarLogoImageUrl+')',backgroundSize:'100%'}"这里注意backgroundImage使用的是驼峰命名,不是background-image原创 2021-05-26 16:19:43 · 642 阅读 · 0 评论 -
vue手写多选(获取选中的值)
话不多说,直接上代码先展示样式![在这里插入图片描述](https://img-blog.csdnimg.cn/20210402130920121.png#pic_center) <li v-show="isShow_clear" style=" display: flex; margin-top: 10px; background: rgba(204, 2原创 2021-04-02 13:12:17 · 1561 阅读 · 2 评论 -
vue获取select下option的值
话不多说上代码 <el-select v-model="value" clearable placeholder="站长" @focus='ChoseTypess_focus_one' @change="ChoseTypess_change_one($event)"> <el-option v-for="item in types" :key="item" :label="item" :value="item"> &l原创 2021-03-25 15:59:16 · 249 阅读 · 0 评论 -
vue点击按钮只允许点一次
直接上代码v-on:click.once=“OrderEvaluate()”原创 2021-03-25 15:06:20 · 3951 阅读 · 0 评论 -
修改elementui默认样式,比如折叠版
话不多说直接上代码先给父级加类 <el-collapse @change="handleChange" style="width:100%;font-size:45px" class="el-collapse-item__Bos"> </el-collapse>然后使用父级类名加>>> 深入符号直接强制更改.el-collapse-item__Bos >>>.el-collapse-item__header{ font-size:原创 2021-03-23 16:41:32 · 577 阅读 · 2 评论 -
vue使用echarts创建中国地图(详细步骤)
效果图 这是官网的地图 :官网地址首先我们需要安装echartsnpm install echarts --save这里需要注意的是,现在echarts升级到5了,有些新特性,这里我们安装4.9的npm install echarts @4.9.0然后在main.js中引入import echarts from 'echarts'Vue.prototype.$echarts = echarts//这两步很重要,没有的话地图不出来,这是全局引原创 2021-03-10 17:28:13 · 1047 阅读 · 0 评论 -
vue的post以及get多个参数传参
首先是post let data = { //要传的值 }; this.$http.post("后缀", data).then(res => { console.log(res) });然后是get this.$http.post("后缀?uid="+this.uid+'&'+'shopId='+this.shopId).then(res => { console.log(res) });...原创 2021-02-01 15:37:29 · 4447 阅读 · 0 评论 -
vue项目的网络模块封装
首先在src下创建一个network文件夹,在文件夹里创建三个js文件,分别是:config.js,core.js,index.jsconfig.jsvar config ={ logon:'login',}export default configcore.js import res from './index.js' import config from './config' var fire={ login(params={}){原创 2021-01-04 10:14:34 · 190 阅读 · 0 评论 -
vue踩坑(在刚创建好项目时遇到的): ✖ 1 problem (1 error, 0 warnings) 1 error and 0 warnings potentially fixable
<template> <div> 1 </div></template><script>export default {}</script><style></style>只需要在这个vue最后一行敲入一行空格就可以了原创 2021-01-04 09:43:24 · 2408 阅读 · 0 评论 -
App以及微信小程序一行超过文本宽度用省略号代替
Appcss代码 width: 100%; /*一定要设置宽度,或者元素内含的百分比*/ overflow:hidden; /*溢出的部分隐藏*/ white-space: nowrap; /*文本不换行*/ text-overflow:ellipsis;/*ellipsis:文本溢出显示省略号(...);clip:不显示省略标记(...),而是简单的裁切*/微信小程序wxss代码width: 40%;overflow: hidden;text-overflow: ellip原创 2020-12-16 17:24:18 · 252 阅读 · 0 评论 -
公众号的外部链接
后端需要前端提供外部链接进行测试,外部链接就是在mounted里写 var url = window.location.href; 再加上域名前缀。原创 2020-11-25 10:16:23 · 330 阅读 · 0 评论