webView与vue交互

  • Post author:
  • Post category:vue

webView与vue交互 画重点:本本介绍webView和vue交互包含一下4点 1 、设置title 2 、app url传参到vue 3 、js调用app本地方法 4 、app调用js方法 一 设置title,由于vue是单页应用,传统项目那样配置<title>标题</title>会无效 1、vue设置 1)在componen

继续阅读 webView与vue交互

验证cron表达式?(vue)

  • Post author:
  • Post category:vue

cron表达式用于:定时任务。 此下方法不适合老式cron(0 */1 * * * ?) rules: [ // 第一种 { pattern: "^\\s*($|#|\\w+\\s*=|(\\?|\\*|(?:[0-5]?\\d)(?:(?:-|\\/|\\,)(?:[0-5]?\\d))?(?:,(?:[0-5]?\\d)(?:(?:-|\\/|\\,)(?:[0-5]?\\d))?)*)\\s…

继续阅读 验证cron表达式?(vue)

Vue,uni-app,在app中动态切换video视频(黑屏)source标签src属性值不起作用问题

  • Post author:
  • Post category:vue

调试中看:source标签src属性赋值成功,但浏览器并没有发起请求去获得相应的视频。 因此可以推断出来:当video中存在source标签的时候,浏览器渲染之后会自动去获取地址,即便地址改变,浏览器也不会再去获取地址。 但是通过动态的插入source标签的方式,可以触发浏览器进行重排,从而去获取相应地址的文件进行播放。 那就搞一个computed计算属性吧 computed: { // 计算属性…

继续阅读 Vue,uni-app,在app中动态切换video视频(黑屏)source标签src属性值不起作用问题

轻松搞定Vue 使用SignalR与Asp.net Core通讯

  • Post author:
  • Post category:vue

转载: 轻松搞定Vue 使用SignalR与Asp.net Core通讯轻松搞定Vue 使用SignalR与Asp.net Core通讯 前言 针对于Web与其他应用的的通讯,在.Net中,SignalR是一个不错的选择,在前后端没有分离的时候,直接引用对应的signalr.js文件即可; 这里主要记录Vue与Asp.netcore 前后端分离通过signalR通讯实践; 服务端即Asp.net …

继续阅读 轻松搞定Vue 使用SignalR与Asp.net Core通讯

Vue – 使用Lodash进行深拷贝

  • Post author:
  • Post category:vue

文章目录 深浅拷贝的理解 使用lodash 深浅拷贝的理解 浅拷贝 : 只是将数据中所有的数据引用下来,依旧指向同一个存放地址,拷贝之后的数据修改之后,也会影响到原数据的中的对象数据。例如:Object.assign(),…扩展运算符 深拷贝: 将数据中所有的数据拷贝下来,对拷贝之后的数据进行修改不会影响到原数据。 使用lodash 安装 $ npm i --save lodash 使用 impo…

继续阅读 Vue – 使用Lodash进行深拷贝

Vue 移动端 实战八 文章评论 评论列表组件、点赞、发布评论、评论回复等、Vue依赖注入方法、解决列表重复数据问题和不重新获取数据问题

  • Post author:
  • Post category:vue

1.0 展示文章评论列表 1.1 准备组件 为了更好的开发和维护,这里我们把文章评论单独封装到一个组件中来处理。 1、创建 src/views/article/components/article-comment.vue <template> <div class="article-comments"> <!-- 评论列表 --> <van-list v-…

继续阅读 Vue 移动端 实战八 文章评论 评论列表组件、点赞、发布评论、评论回复等、Vue依赖注入方法、解决列表重复数据问题和不重新获取数据问题

webpack解析和打包.vue组件页面

  • Post author:
  • Post category:vue

文章目录 解析和打包.vue组件页面 示例 源码 运行结果 分析 解析和打包.vue组件页面 Vue 中的每个页面其实都是一个 .vue 的文件,这种文件, Vue 称之为组件页面,其必须借助于 webpack 的 vue-loader 才能使用。 所需依赖 vue: vue js核心包 vue-loader: .vue文件编译loader vue-template-compiler:.vue模版…

继续阅读 webpack解析和打包.vue组件页面

Vue2 项目小技巧

  • Post author:
  • Post category:vue

生产环境去除 console.log 1. 安装webpack插件 uglifyjs-webpack-plugin (https://www.npmjs.com/package/uglifyjs-webpack-plugin) 2. 项目build 下面webpack.prod.config.js 文件中: plugins: [ new webpack.DefinePlugin({ 'proces…

继续阅读 Vue2 项目小技巧

vue项目警告:Emitted value instead of an instance of Error

  • Post author:
  • Post category:vue

一、问题描述 错误描述:翻译过来大概的意思就是缺少一个 key ,来指定相应的属性 warning in ./src/view/Index.vue (Emitted value instead of an instance of Error) <el-menu-item v-for="item2 in item.children">: component lists rendered …

继续阅读 vue项目警告:Emitted value instead of an instance of Error

商城项目 —— 订单的生成功能(vue实现)

  • Post author:
  • Post category:vue

商城项目 ------ 订单的生成功能(vue实现) 首先理一下思路,订单功能应该是商场项目中最复杂的功能之一。 关键:其实还是一步一步想清楚了,其实分开慢慢来,还是可以做出来的。 首先我们购物的的顺序,是先将商品添加至购物车,然后在购物车中选中某一件(某一些)商品,然后提交到下一步,下一步是确认订单的页面,主要包括你要购买的商品的信息以及你的地址等信息然后填写到数据库中,随之要也要删掉前面购物车…

继续阅读 商城项目 —— 订单的生成功能(vue实现)