为您找到搜索结果：2365个
vue-cli 使用 font-awesome 字体插件
在cmd中，运行：cnpminstallfont-awesome在 main.js 里添加import"font-awesome/css/font-awesome.css"...
vue-cli安装
1、安装node.js2、自定义空文件夹，名字随便3、打开文件夹，cmd运行4、全局安装vue-cli：输入npminstall--globalvue-cli，或cnpminstall--globalvue-cli5、创建一个基于webpack模板的新项目：vueinitwebpackmy-project，( my-project)为文件名，注意的是，提示UseEslinttiinityourcode?的时候，选择n，否则，后面的项目，会提示语法报错，虽然无伤大雅，但控制台看着一大堆报错，很难受，其他选项，均为默认就行6、cdmy-project，打开创建的my-project，运行：cnpminstall，成功以后，运行：cnpmrundev打开项目至此，vue-cli项目，框架已创建完成。浏览器地址栏输入：http://localhost:8080/#/，即可以看到vue项目。 cnpm使用之前，先用命令行：cnpm-v查看，cnpm是否已经安装。此例子，是为在node.js，webpack，cnpm已创建情况下运行的，...
vue eslint报错解决办法
若提示入下图时，在build/webpack.base.conf.js中，找到//constcreateLintingRule=()=>({//test:/.(js|vue)$/,//loader:'eslint-loader',//enforce:'pre',//include:[resolve('src'),resolve('test')],//options:{//formatter:require('eslint-friendly-formatter'),//emitWarning:!config.dev.showEslintErrorsInOverlay//}//})注释掉，再找到module中的 ...(config.dev.useEslint?[createLintingRule()]:[]),也注释掉，然后重新运行cnpmrundev即可解决eslinet报错问题 ...
vue动态修改title
1、项目中，cmd下，运行：cnpminstallvue-wechat-title--save2、在main.js中，设置：importVueWechatTitlefrom'vue-wechat-title'; Vue.use(VueWechatTitle)3、在router/index.js中，设置：{ path:'/Home', name:'Home', component:Home, meta:{ title:'Home' //此处为要修改的title名称，浏览器目前的标题显示：Home }}4、在app.vue中，添加组件：<router-viewv-wechat-title="$route.meta.title"></router-view>此上，就可以自动修改浏览器标题了...
bootstrap 内边框样式
css设置：.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:2pxsolid#f7f7f7;/*边框颜色*/} ...
表格添加内容并进行删除案例
表格都很常见，一般都是用table来写的，今天我就写一个dl和dd布局的表格，并往表格里添加内容，同时点击删除按钮也可以删掉表格内容。来看代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><style>*{margin:0;padding:0;}dl{list-style:none;}.box{width:400px;height:40px;margin:0auto;}.boxdl{list-style:none;overflow:hidden;border:1pxsolid#e5e5e5;}.boxdldt{background:#ff7e7e;font-size:16px;color:#fff;}.boxdldt,.boxdldd{border-bottom:1pxsolid#e5e5e5;}.boxdldd:last-child{border:none;}.boxd...