![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue开发学习笔记
JustWantToFly
我什么都会,就是不会改bug,咬我啊
展开
-
Vue开发学习笔记:使用vuex实现动态绑定下拉数据(数据库获取)
使用vuex实现同一个el-table中的不同字段绑定各自对应的下拉数据原创 2022-10-11 20:28:57 · 4451 阅读 · 0 评论 -
Vue开发学习笔记:el-table绑定自定义select组件
Vue3 el-table中绑定自定义select组件原创 2022-06-08 09:56:26 · 2376 阅读 · 0 评论 -
Vue开发学习笔记:Vue3中使用标签的ref属性设置el-table点击单元格自动获取焦点
el-table使用ref标签属性设置单元格点击自动获取焦点原创 2022-05-09 11:34:11 · 4826 阅读 · 2 评论 -
Vue3开发学习笔记:使用axios post请求WebService
Vue3中使用axios.post请求获取WebService返回的数据原创 2022-04-14 00:49:45 · 4641 阅读 · 3 评论 -
Vue开发学习笔记:使用JS代码动态创建KendoUI组件的时机
需要使用JS代码动态创建KendoUI组件(例如使用element.kendoDropDownList()创建下拉dropdownlist组件)需要在mounted()方法中创建,不应该在created()方法中创建(在created中创建没有效果) mounted: function (param) { console.log("执行home页中的mounted方法"); $("#dropdownlist").kendoDropDownList({ dataSource:原创 2021-04-26 16:34:29 · 174 阅读 · 0 评论 -
Vue开发学习笔记:JSON.stringify(object)避免对象的循环引用报错
学习自:https://www.javaroad.cn/questions/1462611.JSON.stringify()第二个参数使用函数解除转换对象的循环引用否则会报错UncaughtTypeError:ConvertingcircularstructuretoJSONvar cache=[];// var tem1=JSON.stringify(dataItem);//JSON.stringify()第二个参数使用函数解除转换对象的循环引用否则会报错//Uncaught ...原创 2021-04-10 21:20:28 · 673 阅读 · 0 评论 -
Vue开发学习笔记:KendoUIGrid列宽自适应
学习自:https://stackoverflow.com/questions/25614952/how-to-make-kendo-grid-column-auto-width在dataBound函数中//数据绑定事件,可实现查询后,需要执行的操作 dataBound: function (parm) { //设置列宽自适应标题 var grid=parm.sender; for (let index = 0; index < grid.colu原创 2021-04-08 21:33:23 · 821 阅读 · 0 评论 -
Vue开发学习笔记:KendoUIGrid设置列标题样式
使用headerAttributes属性设置列标题样式data: function () { return { //自定义列集合,页面只显示需要列 columns: [ // field:列名,title:列标题,format:数据掩码格式;locked:锁定列(Grid必须有水平滚动条才使用锁定功能) { field: "selected", selectable: true,原创 2021-03-18 19:59:19 · 524 阅读 · 0 评论 -
Vue开发学习笔记:实现KendoUIPanelBar与KendoUITabStrip控件的动态关联
思路:KendoUITabStrip控件是通过ul-li以及div标签来生成对应的tab选项卡(li标签为tab选项卡的标题,div为tab选项卡的内容),每一个li标签对应一个div(div与ul标签同级)(参考官网),因此可以通过使用html模板来动态的生成tab选项卡1.Vue中不能渲染字符串中的组件标签,所以KendoUI组件库的组件标签不能被渲染,所以此时需要使用Vue.extend方法来使字符串中的组件标签能够被渲染,同时在PanelBar的item项目中需要使用路由来跳转页面,所以要.原创 2021-03-12 13:44:30 · 467 阅读 · 0 评论 -
Vue开发学习笔记:KendoUIGrid实现自动添加序号
1.学习自https://blog.csdn.net/jinuxm/article/details/53169329https://blog.csdn.net/qwerdfcv/article/details/1034795842.实现2.1、首先为KendoUIGrid绑定一个数据绑定事件dataBound<div id="ShowData"> <div class="searchLabel">信息区</div> <div>.原创 2021-02-26 14:13:14 · 462 阅读 · 0 评论 -
Vue开发学习笔记:(二)、实现KendoUIGrid新增数据功能
1.引用KendoUIGird并设置相关的属性<div id="ShowData"> <div class="searchLabel">信息区</div> <div> <!-- resizable:设置列宽可以调整 --> <!-- data-source:绑定数据源 --> <!-- columns:绑定自定义列集合 --> <!-- editable:设置Grid单元格可编辑性;inline:原创 2021-02-25 18:21:23 · 1141 阅读 · 0 评论 -
Vue开发学习笔记:(一)、实现KendoUIGrid数据查询展示
参考学习:https://www.cnblogs.com/wjx-blog/p/8400423.html1.完整代码<template> <div> <!-- resizable:设置列宽可以调整 --> <!-- data-source:绑定数据源 --> <!-- columns:绑定自定义列集合 --> <kendo-grid :data-source="dataTable"..原创 2020-12-24 14:13:54 · 700 阅读 · 0 评论 -
Vue开发学习笔记:使用KendoUIMenu实现动态菜单(调用WebService)
1.C#WebService中的代码public string CallService(string serviceName, string parameters){ JavaScriptSerializer jss = new JavaScriptSerializer();//用于序列化和反序列化 System.Collections.ArrayList dic = new System.Collections.ArrayList(); //数据表集合 System.Collection原创 2020-12-16 10:21:48 · 440 阅读 · 0 评论 -
Vue开发学习笔记:Vue项目使用Ajax调用C#WebService
1.Vue组件中import $ from 'jquery'//项目开发时手工添加export default { components: { 'px-menu': PXMenu }, data(){ return{ msgFromDb: '' } }, created: function name(params) { var self=this; $.aj原创 2020-12-14 09:37:32 · 1606 阅读 · 0 评论 -
Vue开发学习笔记:Vue使用自定义组件
局部注册1.在components文件夹下新建一个tabs文件夹;同时新建四个文件2.在Tabs.vue中引用HTML、JS、CSS文件其中HTML文件随便写一些内容用于测试3.在需要引用的该组件的地方(其他组件)对应的js文件中import该组件并注册4.使用组件5.效果图全局注册1.在components文件夹下新...原创 2019-11-12 17:12:28 · 286 阅读 · 0 评论