Vue中添加自定义函数

在做vue项目的时候难免会自己写一些特定需求的函数，那么如何在vue中添加自定义函数呢。

我的方法是在main.js中写入：

        Vue.prototype.xxxx(自己定义的方法名)= function (){

            #  逻辑

        }；

在页面就可以用this.xxxx来调用自定义函数了。

如我们在vue中经常使用的axios库，可以在main.js中这样定义:Vue.prototype.$http=axios；这样在组件中就可以使用this.$http来进行相应 *** 作。

很简单：

第一步：在向导中给你的树形控件关联一个CTreeCtrl的变量(就像你代码中的m_Mess)

第二步：在向导中，添加该树形控件的NM_Click消息（就是鼠标单击消息，以下假设函数名为OnClickTree）

第三步：在代码中添加你的数据(主要是在初始化树形控件的数据的函数中，如你代码中的OnInitDialog()就可以)

HTREEITEM hRoot = m_ctrlTree.InsertItem("北京")

m_ctrlTree.SetItemData(hRoot, 1)

HTREEITEM hChild = m_ctrlTree.InsertItem("朝阳区", hRoot)

m_ctrlTree.SetItemData(hChild, 2)

hChild = m_ctrlTree.InsertItem("海淀区", hRoot)

m_ctrlTree.SetItemData(hChild, 3)

注意：我在上面用了SetItemData函数，主要是给不同的节点添加不同的标记

，在下面的单击消息函数中就可以看出它的作用

第四步：在OnClickTree函数中添加鼠标单击消息响应代码

CPoint pt = GetCurrentMessage()->pt //获取当前鼠标点击消息的坐标点

m_ctrlTree.ScreenToClient(&pt) //将鼠标的屏幕坐标，转换成树形控件的客户区坐标

UINT uFlags = 0

HTREEITEM hItem = m_ctrlTree.HitTest(pt, &uFlags)//然后做点击测试

if ((hItem != NULL) &&(TVHT_ONITEM &uFlags))//如果点击的位置是在节点位置上面

{

m_ctrlTree.SelectItem(hItem)

//获取开始我们设置的数据，注意这就是我为什么开始要每个节点设置不同的数据的原因。当然，如果你的数据节点比较少，你也可以通过获取节点的文字，如上面设置的"海淀区"，然后通过字符串比较来判断点击了哪个节点

int nDat = m_ctrlTree.GetItemData(hItem)

//然后根据不同的节点，你完成不同的动作即可

switch (nDat)

{

case 1:

AfxMessageBox("北京")

break

case 2:

AfxMessageBox("北京->朝阳区")

break

case 3:

AfxMessageBox("北京->海淀区")

break

default:

AfxMessageBox("ERROR")

}

}

这是另外一个问题我给的回答，请参考。

http://zhidao.baidu.com/question/154478573.html

首先建一个使用向导添加成员函数的项目，然后新建一个还没有添加成员函数的项目，然后对比着两个项目看看有什么不同：主要是你关注的.h和.cpp文件中的不同之处。

你会发现大体有3个地方，一个是.h头文件中的函数声明，你把你的函数声明复制到你的新项目中；另外两个是.cpp文件中。

cpp文件中上部分的有一个消息映射宏，在里面一般有类似ON_MESSAGE()字样的，就是消息映射宏，你把相关的复制到你的新项目中；下面一般都是函数体（函数实现），你把它们也复制到你的新项目中，然后编译试试。

刚开始的时候，你可以只增加一个成员函数。然后使用新旧两个项目对比，更一目了然。

---