![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
童年小花
这个作者很懒,什么都没留下…
展开
-
vue2搭建项目流程
1原创 2022-12-02 10:33:15 · 415 阅读 · 0 评论 -
uniapp 解决map覆盖不了问题
使用subnvue页面1.在pages.json里面注册页面{ "path": "xxx", "style": { // "navigationBarTitleText": "任务" "app-plus": { "titleNView": false, "subNVues": [{//地图详情窗体 ...原创 2021-11-30 16:41:58 · 2639 阅读 · 0 评论 -
vue 使用vue-amp给地图添加点标注,鼠标移入移出显示和隐藏对应的弹框
1.安装npm install vue-amap --save2.在main.js文件中引入import VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: '40804db8586c2c1e8fa23b7541a6ebe2', plugin: ['AMap.Geolocation','Geolocation','AMap.DistrictSearch'],//按需引入 // 默认高德...原创 2021-11-25 16:30:10 · 1970 阅读 · 0 评论 -
vue 通过url下载pdf文件
试过了各种a标签以及blob对象都下载不成功最后找了个插件download.jsGitHub - rndme/download: file downloading using client-side javascript1.npm install downloadjs2.import download from 'downloadjs'3.download(url,'/test.pdf')...原创 2021-11-04 09:25:20 · 2642 阅读 · 1 评论 -
记录:数组对象按属性分组
原创 2021-10-27 17:13:22 · 96 阅读 · 0 评论 -
小程序 vue 监测屏幕滑动事件
1.在你需要监听的块外增加监听遮罩层,包含待监听块在内<view bindtouchstart="touchStart" bindtouchend="touchEnd"> <!--待监听功能模块--></view>2.在data中定义touchx和touchy数值3.在method: touchStart(e) { console.log(e) var that = this; that.setData...原创 2021-07-01 17:35:57 · 316 阅读 · 0 评论 -
vue 平铺式日历--在原基础上增加小圆点功能
原插件效果:需求效果:由于原插件无小圆点功能,所以增加了一个小圆点数组属性,另外注意,由于是vue,修改插件会比较麻烦,所以本人把插件单独作为组件放到component里面引入,而非直接下载使用。使用的插件:vue-material-year-calendar(可自行在GitHub搜步骤)以下步骤,按需求更改过,红色框为自己添加内容)使用步骤:1.安装插件:npm install vue-material-year-calendar --save2.导入插件:im原创 2021-06-25 15:57:24 · 1872 阅读 · 3 评论 -
vue 多层嵌套el-checkbox-button v-model绑定动态传值index后无法显示
问题:当给el-checkbox-group双向绑定加上index后 选项不显示解决: Vue 不允许在已经创建的实例上动态添加新的根级响应式属性 (root-level reactive property)。然而它可以使用Vue.set(object, key, value)方法将响应属性添加到嵌套的对象上...原创 2021-06-10 15:40:31 · 1126 阅读 · 0 评论 -
vue div可编辑contenteditable=“true“时 如何双向绑定
<div contenteditable="true" v-html="content" @input="content=$event.target.innerHTML"></div>原创 2021-06-08 18:55:56 · 1544 阅读 · 4 评论 -
el-table 回显勾选
1.row-key作为勾选的标识 一般为id 根据table中对应的id命名,而:reserve-selection也必须添加2.通常在获取table后 遍历table获取对应勾选项目,使用该语句进行回显。toggleRowSelection(that.form.tableData[i],true) 第一个参数为勾选项的下标...原创 2021-04-12 14:49:19 · 1825 阅读 · 0 评论 -
vue el-select 既可以下拉选择 也可以手动编辑
转载于:https://blog.csdn.net/sunshineTing2/article/details/108978675转载 2021-03-18 18:15:17 · 6075 阅读 · 0 评论 -
vue 获取的富文本编辑内容,回显在前端
/***@msg:html反转义*/exportfunctionhtmlDecode(text){lettmp=document.createElement('div')tmp.innerHTML=textconstoutput=tmp.innerText||tmp.textContenttmp=nullreturnoutput}原创 2021-02-05 11:30:44 · 2755 阅读 · 0 评论 -
vue el-tabs下的子页面点击跳转到其它子页面
需求:在子页面first,点击按钮跳转到子页面thirdel-tabs所在的页面:data () { return { activeName: 'first', }},点击按钮的页面js:原创 2021-02-03 15:12:23 · 1876 阅读 · 3 评论 -
vue el-select可多选可单选 选择全部后不能选择其他;其他可多选
<el-select size="middle" clearable v-model="form.ground" @change="handlePlat" placeholder="请选择小组" filterable multiple style="width: 400px;"> <el-option label="全部" value="全部"></el-option> <el-option v-for="(item, index) in ground.原创 2021-01-27 14:16:54 · 1793 阅读 · 0 评论 -
vue el-table 导出excel表格
1:安装依赖:npminstall--savexlsxfile-saver2:引入:import FileSaverfrom'file-saver'import XLSXfrom'xlsx'3:给table加个id:xx4:exportExcel () { /* generate workbook object from table */ var xlsxParam = { raw: true } // 导出的内容只做解析,不进行格式转换 ...原创 2021-01-19 10:05:24 · 234 阅读 · 0 评论 -
vue 模拟下拉框的箭头动画(展示或隐藏)
<img :class="{ 'arrowTransform': !flag, 'arrowTransformReturn': flag}" src="arrow.png" alt="" @click="flag = !flag">data(){ return { flag : false, }} .arrowTransform{ transition: 0.2s; transform-origin: center; transform...原创 2020-11-27 11:37:16 · 1376 阅读 · 0 评论 -
搭建vue的基本步骤
vue项目搭建步骤vue-cli初始化1. 全局安装 vue-clinpm install --global vue-cli2. 创建一个基于 webpack 模板的新项目vue init webpack my-project3. 安装依赖cd my-projectnpm install (换源安装: npm install --registry https://registry.npm.taobao.org )4.启动:npm run dev5.打包:npm run bu.原创 2020-07-27 16:15:57 · 66 阅读 · 0 评论