在学习vue的时候会遇到一个坑，就是select 中的option使用 v-for 指令后，不知道如何选中的问题，以下介绍一种简单的办法。 工具/原料 vue.js 方法/步骤 1 在v-for 绑定的元素后面，添加:selected绑定option 的 selected属性，它可以用true/false赋值 2 在list对象中指定一个属性用于判断是否为选中,本例中设置了第三项的selected…
html代码： <div class="form-group" style="margin-left: 4.6%"> <table style="border-collapse: separate;border-spacing: 10px" v-for="(item, index) in tableData"> <thead> <tr> <td…
vue自定义h5video视频播放器进度条组件，可拖拽、跳转、倍速、全屏 需求 图示 实现 html vue.js 全屏 点击进度条跳转 拖动滑块 倍速 播放暂停 跳转、拖动后更新进度条长度是通过更新视频的currentTime 需求 一个进度条组件控制多个视频的播放、进度调整。视频可点击全屏观看，唯一的进度条是某个指定视频的视频信息。 图示 实现 html //视频 <div v-for=…
(function (window) { 'use strict'; const vm = new Vue ({ el:'#app', data:{ name:'', list:[ {id:1,name:'抽烟',completed:false}, {id:2,name:'喝酒',completed:true}, {id:3,name:'烫头',completed:false}, ] }, met…
首先安装vue-cli，网站教程多多，在这不多说。 接下来在vue项目目录下，运行 其他扩展使用方法我放个 官网链接 ，大家可以点击查看 npm install less less-loader --save-dev 等待安装成功即可，接下里我们可以在vue项目中的package.json中看到less的相关依赖 接下来找到bulid目录下的webpack.base.conf.js并打开，找到mo…
1. 查看vue版本号 ，只能在具体项目中查看vue版本号，所以在进入某一个项目中的命令行窗口输入该命令：npm list vue 2. 查看vue脚手架的版本号 ，脚手架安装在全局中，所以在命令行窗口输入该命令：vue -V 安装vue脚手架： 新旧脚手架的安装步骤 3. 命令行返回上一级目录 :cd… 4.package.json文件中的 dependencies和devDependencie…
vue-codemirror 格式化SQL语句 配合sql-formatter插件 安装sql-formatter // npm npm install --save sql-formatter@2.3.3 // yarn yarn add sql-formatter@2.3.3 在需要使用的页面引入 sql-formatter import sqlFormatter from "sql-form…
从8月开始一直做移动端项目，调试过程中发现了vconsole移动端的调试利器。 使用npm install vconsole 命令在项目中下载vconsole，如下图： 在入口文件main.js 里引入vconsole ，如下图： 运行项目npm run dev ,可以看到界面上有个vConsole 图标，可以开始调试啦。 版权声明：本文为weixin_42813082原创文章，遵循 CC 4.0…
<el-form-item v-for="(item,i) in info" :key="i" :label="item.name"> <el-input placeholder v-model="item.value"> <template slot="append">{{item.danwei}}</template> </el-input…
随笔-问题记录 环境 vue版本：2.5.2 webpack：3.1.0 url-loader：3.0.0 出现问题 解决办法 降低url-loader包版本 （应该在特定情况下才有用） 在这个问题上耗了老半天时间，最后新建了个项目，发现没这个问题，盲猜可能是包的版本问题（因为需要更新了几个包）。因为是路径相关问题，所以就把url-loader包的版本给降了，然后问题就消失了~~~消失了~~~消失…