vue

vue cli3 PC端适配

  • Post author:
  • Post category:vue

步骤： 一：安装 lib-flexible npm install lib-flexible --save 二·、在main.js文件引入lib-flexible import ‘lib-flexible/flexible’ 三、安装px2rem-loader npm install px2rem-loader --save 四、安装postcss-pxtorem npm install post…

继续阅读 vue cli3 PC端适配

vue练手项目

  • Post author:
  • Post category:vue

刚学vue时做的小项目 https: //gitee.com/lv-canfa/ any-view.git 这个项目里面有两个，一个src和一个srctodo，修改名字为src就可以运行 本地存储、vuex、消息发布订阅、事件总线、element-ui.....忘记还有啥了 。 src_todo 版权声明：本文为willwe原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接…

继续阅读 vue练手项目

Vue动态添加内容,并在列表页显示

  • Post author:
  • Post category:vue

需求描述 实现文本输入一条数据，在列表里面显示，并将文本框内容清空 点击添加一条按钮，将添加的数据在列表页显示 点击删除一条按钮，将最后一条数据删除 点击移除所有按钮，将列表页内容全部清空 点击删除，就将最后一条数据删除， 点击隐藏按钮，将整个内容隐藏 点击显示按钮，将隐藏的内容显示出来 代码实现 <!DOCTYPE html> <html> <head> &l…

继续阅读 Vue动态添加内容,并在列表页显示

webview 嵌套vue项目 采用高德地图地理位置权限获取onGeolocationPermissionsShowPrompt方法不回调

  • Post author:
  • Post category:vue

webview 嵌套vue项目  采用高德地图地理位置权限获取onGeolocationPermissionsShowPrompt方法不回调 最近嵌套vue项目时，vue里面接的高德地图，用户运动时需要获取本地的位置权限，但是总是获取不到，vue自然也不会有定位信息，我是这样解决的： String dir = getActivity().getApplicationContext().getDir…

继续阅读 webview 嵌套vue项目 采用高德地图地理位置权限获取onGeolocationPermissionsShowPrompt方法不回调

(vue)监听switch按钮-根据开关显示input的值

  • Post author:
  • Post category:vue

(vue)监听switch按钮-根据开关显示input的值 初始开启效果： 按钮关闭： <div class="input-wrap-item"> <label class="label-mark">后缀</label> <Input v-model="houzhui" placeholder="请输入" /> <div style="over…

继续阅读 (vue)监听switch按钮-根据开关显示input的值

前端基于VUE的v-charts的曲线显示

  • Post author:
  • Post category:vue

目录 前端基于VUE的v-charts的曲线显示 1. 应用背景 2. 分析数据生产者生成 3. 取出数据消费者 4. 前端显示 4.1 安装V-charts插件 4.2 引入veline曲线插件 4.3 曲线标签 ve-line 4.3.1 方法一：直接使用html标签 4.3.2 方法二：pug编译 4.4 前端写入调试模拟数据 4.5 注册组件 5 总体效果 6后端基于Net Core的电能…

继续阅读 前端基于VUE的v-charts的曲线显示

解决vue路由跳转同一页面，携带不同参数，页面不刷新的问题

  • Post author:
  • Post category:vue

一、问题描述 列表中选择某条数据进入该详情页，然后在详情页点击某个文字按钮，还是跳转该详情页，只是传参不一样 二、问题影响 使用vue2中的 this.$router.push 并不能使页面刷新，而且会报错，下面是报错描述 三、解决方案 在跳转到的页面里添加监听方法 下面是Ts写法 <script lang="ts"> import { Component, Vue, Watch } …

继续阅读 解决vue路由跳转同一页面，携带不同参数，页面不刷新的问题

vue 中click.stop的用法

  • Post author:
  • Post category:vue

click.stop 阻止点击事件继续传播 场景： 在table中使用，点击当前行，当前行被勾选，但是 点击 当前行中 按钮 或 点击事件 时，使用此方法，则在 触发当前点击事件后 ， 阻止 行的选中事件 使用： html <el-table ref="tableRef" :data="tableData" :row-key="row => { return row.id}" @sel…

继续阅读 vue 中click.stop的用法

puppeteer-不需重构，无痛加强vue单页面应用的SEO，提升百度收录排名

  • Post author:
  • Post category:vue

背景 最近产品觉得我们网站在百度收录上排名太靠后了，又不肯花钱，就让我们想办法提升网站的SEO。由于项目是用vue3写的，并且已经迭代多个版本了，用nuxt实在不适宜，当然俺的开发水平也不够，周期也会拉得很长，此时！想偷懒的我看到了puppeteer，可以一试！ 原理 实际上就是当普通用户访问我们的网站时，访问的就是单页面应用，但是当爬虫访问我们的网站时就会被转发到puppeteer服务上，传送给…

继续阅读 puppeteer-不需重构，无痛加强vue单页面应用的SEO，提升百度收录排名