Vue.js
关注
分享
扫一扫
Vue.js
easyboot
愿断一切恶，愿修一切善。
展开
-
登录页面背景增加视频播放功能
页面背景为视频的功能原创 2022-11-10 10:25:06 · 321 阅读 · 0 评论 -
vue3网络请求到的数据为proxy对象时
vue 中proxy数据处理原创 2022-10-28 11:28:25 · 1349 阅读 · 0 评论 -
Element Plus中的input设置背景色和字体颜色
Input的背景色和字体颜色原创 2022-09-20 16:03:20 · 3224 阅读 · 0 评论 -
vue中日志文件长度超过一定长度删除前面的数据
前端日志的简单实现方法原创 2022-09-20 11:32:49 · 171 阅读 · 0 评论 -
Asp.net core 在vue.js 中使用echarts
vue中使用echarts原创 2022-08-30 13:45:21 · 406 阅读 · 0 评论 -
SignalR和Vue之间数据通讯
SignalR和Vue.js通讯原创 2022-08-29 13:55:38 · 604 阅读 · 0 评论 -
Vue3.js简单应用学习
1.最新的Vue.js 获取地址<script src="https://unpkg.com/vue@3"></script>2.简单的Vue.js测试<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ..原创 2022-05-12 23:00:30 · 274 阅读 · 0 评论 -
创建VUE项目
前提安装好nodejs在cmd中执行vue init webpack myvue之后一路选择N即可如图所示执行npm install安装依赖项VScode打开效果原创 2021-09-29 18:31:43 · 76 阅读 · 0 评论 -
vue的组件数据绑定测试
每次编写总有收获<html lang="en"><head> <meta charset="UTF-8"> <title> <title></title> </title></head><body> <div id="app"> <easyboot v-for="(item,index) in ite.原创 2021-09-29 10:57:49 · 89 阅读 · 0 评论 -
Webview +vue.js +echarts
1.在assets目录下创建web目录，如下图2.b.html内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../wwwroot/js/vue.js"></script> <script src=...原创 2021-07-15 09:22:53 · 260 阅读 · 0 评论 -
使用visual studio 2019 开发vue项目
vue create原创 2021-06-13 14:10:41 · 1425 阅读 · 0 评论 -
安装vue脚手架不成功的解决方法
我在电脑上安装了几次，都不成功，最后发现是没有用管理员身份运行cmd的原因下图是运行成功的界面npm install @vue/cli -g原创 2021-06-13 13:41:18 · 1193 阅读 · 0 评论 -
vue中的插槽使用slot
@{ ViewData["Title"] = "slot";}<h1>@ViewData["Title"]</h1><div id="app"> <cpn> @*需要替換slot的內容*@ <input slot="slotbutton"/> </cpn></div><template id="cpn"> <div> .原创 2021-06-12 11:55:29 · 157 阅读 · 0 评论 -
vue中子组件访问父组件中的数据方法，使用$parent或者$root
@{ ViewData["Title"] = "parent";}<h1>@ViewData["Title"]</h1><div id="app"> <cpn ref="cpnref"> </cpn></div><template id="cpn"> <div> <h2>我是子組件</h2> <button v.原创 2021-06-12 11:17:44 · 321 阅读 · 0 评论 -
vue父访问子组件中的数据方法，使用$refs
@{ ViewData["Title"] = "children";}<h1>@ViewData["Title"]</h1><div id="app"> <cpn ref="abc"> </cpn> <button v-on:click="btnclick">按鈕</button></div><template id="cpn"> <div>我是.原创 2021-06-12 11:02:53 · 140 阅读 · 0 评论 -
vue的模板的父子组件使用，并且实现数据传递
@{ ViewData["Title"] = "Privacy Policy";}<h1>@ViewData["Title"]</h1><p>Use this page to detail your site's privacy policy.</p><div id="app"> <mycom></mycom></div><template id="cpnParent"&.原创 2021-06-11 16:05:53 · 116 阅读 · 1 评论 -
Vue基础代码学习
@{ ViewData["Title"] = "Home Page";}<div class="text-center"> <h1 class="display-4">Welcome my docker test and vue</h1> <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.原创 2021-06-11 09:06:35 · 205 阅读 · 0 评论 -
使用axios实现用户登录
var vm = new Vue({ el: '#app', data: { userName: "demo", Password: "123456", }, methods: { checkLogin: function () { axios.get(apiurl + 'api/User', { params: { userName: this.userName, Password: thi.原创 2021-01-20 10:33:44 · 2280 阅读 · 0 评论 -
cshtml中使用vue.js的v-on语法糖
在cshtml中使用vue的语法糖时会出错，思考是 因为@在RAZOR语法里面表示的是后台代码的开始，在@后再加一个@表示是一个普通@ 例如<button @@click="add">+</button> <button @@click="add">+</button> <button v-on:click="sub">-</button><script type="text/javascript..原创 2020-11-25 16:15:57 · 2211 阅读 · 0 评论 -
vue.js的简单应用
test.cshtml@{ ViewData["Title"] = "Test"; Layout = null; // Layout = "~/Views/Shared/_Layout.cshtml";}<script src="~/plugins/vue/vue.js"></script><h1 class="text-white">Test</h1><div id="app" class="text-white".原创 2020-11-19 14:58:26 · 370 阅读 · 0 评论