Vue
VUE前端
easyboot
愿断一切恶,愿修一切善。
展开
-
VUE学习(二十) 使用awesome 图标
1.使用npm安装 awesome。2.在main.js 中引入。原创 2023-02-22 13:56:50 · 280 阅读 · 0 评论 -
VUE学习(十九) vxe-table获取筛选后的数据内容
vxe-table功能强大,很好用,但是我想获取筛选后的数据内容,发现需要设置ref=“xTable”PrintListData就是最终筛选后的数据。原创 2023-01-10 14:32:30 · 3212 阅读 · 0 评论 -
VUE学习(十八) 更新VUE项目中package.json组件的版本
安装更新组件:npm i -g npm-check-updates。更新VUE项目中package.json组件的版本。使用CMD命令,用管理员打开,在项目录下执行该命令。下面是我执行命令的界面。原创 2023-01-10 11:01:48 · 1806 阅读 · 0 评论 -
VUE学习(十七) VUE3使用axios post的时候参数传递为空值
1.在使用axios发现post到后端的参数值变为空值。多次测试后发现只有使用下面的方法可用。参数名必须为字符串。参数要写成paramss 类型才行。2.后台的WEBAPI。原创 2023-01-09 13:38:02 · 2003 阅读 · 0 评论 -
VUE学习(十六) vxe-table根据值改变行背景色
if (row.gender === '女') {2.定义方法,根据值改变背景色。1.设置row-style。原创 2023-01-05 10:59:58 · 4138 阅读 · 0 评论 -
VUE学习(十五)echarts的使用
1.在项目中安装echarts。下面是vue的完整代码。原创 2022-12-29 10:43:06 · 153 阅读 · 0 评论 -
VUE学习(十四)读取json文件
2.使用import导入json。1.json文件内容。3.console结果。原创 2022-12-22 11:27:27 · 2042 阅读 · 0 评论 -
VUE学习(十三) 依赖注入组件之间传值
1.在home页面中引入A组件 定义provide传值给子组件。2.A组件中引用B组件 定义inject接收传过来的值。3.B组件也定义接收传过来的值,在B组件也可以修改数值。原创 2022-12-19 11:34:52 · 177 阅读 · 0 评论 -
VUE学习(十二) 父组件传值给子组件
三.子组件传值给fuzujian。一.vue2.x写法。二.VUE3.x写法。原创 2022-12-16 16:23:27 · 87 阅读 · 0 评论 -
VUE学习(十一) watch的使用方法
1.VUE3的组合式写法。2.setup语法糖写法。原创 2022-12-16 15:44:24 · 78 阅读 · 0 评论 -
VUE学习(十) Setup简单用法
VUE。原创 2022-12-16 14:45:17 · 143 阅读 · 0 评论 -
VUE学习(九) 自动引入插件unplugin-auto-import
2.在vite.config.js中进行配置,并在vue文件中使用。原创 2022-12-16 14:35:27 · 364 阅读 · 0 评论 -
VUE学习(八) 使用proxy解决前端跨域问题
1.在vite.config.js中加入proxy配置。2.在访问地址前加上/path就可以实现正常访问了。原创 2022-12-16 09:03:47 · 132 阅读 · 0 评论 -
VUE学习(七) router的使用
4.在app.vue中加入2.在vscode中新建router目录和index.js文件。3.在main.js引入router。1.通过npm安装router。index.js代码如下。在项目目录下执行即可。原创 2022-12-13 10:48:15 · 221 阅读 · 0 评论 -
VUE学习(六)使用signalR
1.通过npm安装SignalR。这个地方需要注意安装@microsoft/signalr。另外一个版本在我这里总是报错。另外signalR需要在当前页面导入,不能用全局的方法main.js中导入,我这里会出错。2.我的测试代码主要看initSignalR()部分即可,其他的是我测试代码。原创 2022-12-12 15:02:14 · 1945 阅读 · 0 评论 -
VUE学习(五)VUE项目发布启动
3.将打包好的vue项目下dist目录所有文件拷贝。在项目目录下运行 npm run build。5.此时在浏览器中输入localhost。4.粘贴至nginx目录html下。双击nginx.exe运行。即可看到发布的网站了。原创 2022-12-12 10:06:13 · 173 阅读 · 0 评论 -
VUE学习(四)el-table的替代品vxe-table使用
使用el-table加载数据量稍微大点,就会卡顿。搜索后发现vxe-table比较好用。2.main.js 中加入。1.github地址。原创 2022-12-09 15:50:36 · 1569 阅读 · 0 评论 -
VUE学习(三)Vue官网
Vue学习原创 2022-12-09 11:45:31 · 83 阅读 · 0 评论 -
VUE学习(一)安装Node
VUE学习原创 2022-12-09 10:52:32 · 137 阅读 · 0 评论 -
Vue学习(二)创建vue项目
Vue学习原创 2022-12-09 11:02:17 · 129 阅读 · 0 评论 -
js 调用vue中的方法
vue函数mounted () { window.GetOrganization = this.GetOrganization; // 方法赋值给window }, methods: { // vue内部方法 GetOrganization: function () { var data = ""; ...原创 2020-04-15 15:06:11 · 857 阅读 · 0 评论 -
Vue设置div的宽度和高度
<script src="~/Content/AdminLTE-3.0.1/plugins/jquery/jquery.min.js"></script><script src="../Scripts/echarts.js"></script><script src="~/Content/plugins/vue-dev/dist/vue....原创 2020-04-15 14:20:02 · 19693 阅读 · 0 评论 -
使用Axios传递参数
经常使用jquery的ajax。现在想使用vue了,但是发现axios的参数传递的时候不是FormData的。应为我需要用到__RequestVerificationToken所以找到必须使用transformRequest进行参数的转换。特此记录。感觉vue还是不错的。 axios({ method: ...原创 2020-04-14 09:33:59 · 381 阅读 · 1 评论