08 2020 档案
摘要：小白在使用 Element 框架组件时，对于一部分样式不满足自己的需求。 举个很简单的例子。例如页面输入框宽度 如果直接修改el-input 可能整个页面都会受影响。 解决方法：
阅读全文
摘要：1、ERR引发的思考 创建好的 vue 项目直接执行 npm run dev 报错？运行 npm run serve 就可以启动...如下 npm run dev npm ERR! missing script: dev npm ERR! A complete log of this run can
阅读全文
摘要：解决方法 先执行：npm install -g @vue/cli-init 再执行创建项目命令
阅读全文
摘要：<div id="myPage"> <!-- 为组件中接受到的变量进行逻辑验证 --> <h2>人员信息</h2> <show-member-info name="张三":age="25":detail="{address:'河北省石家庄市',language:'汉语'}"></show-membe
阅读全文
摘要：<div id="myPage"> <div>请输入你的名字：<input v-model="myname"></div> <br/> <say-hello :pname="myname"/> </div> <script> Vue.component('say-hello',{ props:['p
阅读全文
摘要：<div id="myPage"> <h1>您的成绩评价</h1> <test-result :score="50"></test-result> <test-result :score="65"></test-result> <test-result :score="90"></test-resu
阅读全文
摘要：<h3>组件数据函数</h3> <div id="myPage"> <div>今天的天气是：<today-weather/></div> </div> <script> Vue.component('today-weather',{ template:"<strong>{{todayWeather}
阅读全文
摘要：<div id="myPage"> <h2>游戏列表</h2> <table border="1"> <tr> <td>编号</td> <td>游戏名称</td> </tr> <tr is="my-row1"></tr> <tr is="my-row2"></tr> <tr is="my-row3"
阅读全文
摘要：<div id="myPage"> <my-weather></my-weather> </div> <script> var weatherComponent={ template:"<div>今天下雨，吃顿好的！</div>" } var myPage = new Vue({ el:'#myPa
阅读全文
摘要：<div id="myPage"> <div> <label for="username">用户名：</label> <!-- v-model.lazy 用户输入内容时不做数据的更新处理，也就是说用户输入完后才会执行onchange事件 --> <input type="text" id="user
阅读全文
摘要：下拉多选加 multiple <div id="myPage"> <h2>下拉单选--你喜欢的游戏是：</h2> <select v-model="likedGame"> <option>水浒Q传</option> <option>元气骑士</option> <option>战魂铭人</option
阅读全文
摘要：<div id="myPage"> <h2>表单单选按钮</h2> <input type="radio" id="male" value="男" v-model="pickedSex"> <label for="male">男</label> <input type="radio" id="fem
阅读全文
摘要：<div id="myPage"> <h2>表单复选框</h2> <input type="checkbox" id="水浒Q传" value="水浒Q传" v-model="checkedGames"> <label for="水浒Q传">水浒Q传</label> <input type="che
阅读全文
摘要：<div id="myPage"> <h1>JS对象迭代</h1> <div v-for="(value,key) in mygame"> {{key}}:{{value}} </div> </div> <script> var myPage = new Vue({ el:'#myPage', da
阅读全文
摘要：条件渲染： v-if v-else-if v-else <div id="myPage"> <p v-if="num==0">成绩未公布</p> <p v-else-if="num<60">分数为{{num}},考试不及格。</p> <p v-else-if="num<80">分数为{{num}},
阅读全文
摘要：style.css body{ font-size:24px; } .active{ color:red; } .big{ font-size:64px; } <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewp
阅读全文
摘要：v-bind: 简写可省略不写 如 v-bind:class="" 简写 :class="" 首先创建一个样式文件style.css body{ font-size:24px; } .active{ color:red; } <!DOCTYPE html> <html> <head> <meta c
阅读全文
摘要：过滤器可在原有值的基础上加一些判定、格式化变量内容 注意差别，过滤器是 | 计算属性是直接 {{ }} 使用 <div id="myPage"> <p>原串：{{message}}</p> <p>加过滤器后：{{message|toupper}}</p> <p>原值：{{num}}</p> <p>经
阅读全文
摘要：案例1 <div id="myPage"> <today-weather></today-weather> </div> <script> Vue.component('today-weather',{ template:'<div>今天真是个好天气啊！吃顿好的！</div>' }); var my
阅读全文
摘要：v-on 为页面元素绑定各种种事件（keydown，keyup，click，dbclick，load，etd） v-on: 简易写法 @ 例如：v-on:click 简易写法 @click <body> <div id="myPage"> <p>你最喜欢的游戏是：{{gamename}}</p> <
阅读全文
摘要：v-model可为页面输入框进行数据绑定 <div id="myPage"> <p>你最喜欢的游戏是：{{gamename}}</p> <input v-model="gamename" placeholder="请输入你喜欢的游戏"> </div> <script> var myPage = ne
阅读全文
摘要：搭建好项目后会生成这些文件 用VS Code选择文件打开项目 打开index.html 1、添加引用 <script src="https://unpkg.com/vue/dist/vue.js"></script> 2、html <div id="myPage"> {{message}} </di
阅读全文
摘要：v-if v-for 使用 <div id="myPage"> <h3>人员列表</h3> <div v-if="isshow">七年级一班人员列表</div> <div v-show="isshow">七年级一班人员列表</div> <ol> <li v-for="person in person
阅读全文
摘要：Vue环境安装 1、安装node.js（版本不得低于8）全局安装，下载node的链接路径https://nodejs.org/en/，选择带有Current的安装；步骤只需next next就行，没有确认的规范；安装的盘符，你可以自己选择，之后检查node是否安装成功，在cmd输入node -v（记
阅读全文
摘要：对于很多使用vscode编写vue项目的新手同学来说，可能不知道使用什么插件，这里简单说一下我常用的几款插件。 一. vetur vetur能够实现在 .vue 文件中： 语法错误检查，包括 CSS/SCSS/LESS/Javascript/TypeScript 语法高亮，包括 html/jade/
阅读全文
摘要：1.根据自己情况下载node.js包（ https://nodejs.org/zh-cn/download/ ） 2. 完成后解压，同时在目录下创建node_cache,node_global文件夹这里注意，尤其WIN10的注意，尽量不要安装到C盘，WIN10的C盘有比较坑的权限设置，需要给文件夹单
阅读全文
摘要：代码参考： if exists(select * from sysobjects where name='P_CardListPage') drop procedure P_CardListPage go create procedure P_CardListPage @Conditions var
阅读全文
摘要：搜索并下载“AccessDatabaseEngine”安装程序 https://www.microsoft.com/en-us/download/details.aspx?id=13255
阅读全文
摘要：网上下载了一个后台模板，然后出现这个报错。 特别注意：不解决这个报错，ajax都没法用。 产生这个的原因，是你再js文件中创建了创建图片容器的代码，但是你对应的html页面上是没有或者缺少相对应的div！ 把不用的注释掉，或缺少的补齐即可。
阅读全文
摘要：注释：ctrl+/ 跳至某行：ctrl+G 折叠当前标签：ctrl + shift + [ 展开当前标签：ctrl + shift + ] 分屏：ctrl+ | (竖线)
阅读全文
摘要：方法一：修改WebApiConfig.cs文件（这样不太符合Restful风格） 方法二：在Api控制器上加上相应的访问特性标签（推荐）
阅读全文
摘要：List<int> listA = new List<int> {1,2,3,5,7,9}; List<int> listB = new List<int> {13,4,17,29,2}; List<int> Result = listA.Union(listB).ToList<int>(); //
阅读全文
摘要：1、添加NPOI包，添加引用。 2、前端调用方法 <button type="button" class="btn btn-primary" onclick="ExportToExcel()">导出Excel</button> <script type="text/javascript"> //导出
阅读全文