小旭的博客

最终效果如下图 采用input+label标签实现 1、html代码 <label class="label">联系方式：</label> <input class="input-style text-in2" value="" v-model="tel" /> 2、css代码 .label { font-size: 19px; font-family: 'SourceHanSansCN-Medium';

1、背景 使用vue-cli搭建的页面应用默认为单页面应用，在实际开发中有些特殊情况需要使用多个页面入口，而非采用单页面路由实现，由于不是很熟悉webpack的一些配置和使用，故有此文作为自己的记录 2、环境准备 2.1 创建测试项目 由于是多页面应用，在此安装时，选择不安装vue-router，不使用路由，生成的vue单页应用代码结构 3 项目结构改造 （1）删除inde.html，main.js，app.vue，这些都是单页用到的入口文件 （2）新增modules文件夹，module下

事件外面定义 let that = this 事件里面定义使用that即可解决