vue他のコンポーネントのmethodを参照
今日ページを書く時に時間のフォーマットの処理の問題に出会って、先日messageHistoryで思い出します.vueのmethodsに書いてあるから、messageHistoryを導入したい.vueのcrtTimeFttメソッドは、
このページでコンポーネントを使用している場合は、コンポーネントにrefプロパティを追加して、次の方法で呼び出すこともできます.
crtTimeFttをjsファイルに書いたり、exportをエクスポートしたりして、必要なコンポーネントに直接インポートすればいいのですが、これはいいと思います.具体的には
common.js
アセンブリ内
そしてそのまま使えばいい
import crtTimeFtt from '../notifyCenter/messageHistory',
を使用し始め、下で直接呼び出し、crtTimeFttにexportがないとエラーを報告しました.ここは本当に謎です.messageHistoryです.vueはcrtTimeFttをまったくエクスポートしていないが、その後import messageHistory from '../notifyCenter/messageHistory
にインポートし、crtTimeFttを使用し、エラーを報告し、crtTimeFttは定義されていないので、messageHistory.methods.crtTimeFtt,
を使用して使用可能であることを発見しようとするのが方法である.このページでコンポーネントを使用している場合は、コンポーネントにrefプロパティを追加して、次の方法で呼び出すこともできます.
this.$refs['basetable'].query(this.query);
(ここでqueryはサブアセンブリの方法)crtTimeFttをjsファイルに書いたり、exportをエクスポートしたりして、必要なコンポーネントに直接インポートすればいいのですが、これはいいと思います.具体的には
common.js
//
export default function crtTimeFtt(value) {
var crtTime = new Date(value);
return dateFtt("yyyy-MM-dd hh:mm:ss", crtTime);// JS
}
function dateFtt(fmt, date) {
var o = {
"M+": date.getMonth() + 1, //
"d+": date.getDate(), //
"h+": date.getHours(), //
"m+": date.getMinutes(), //
"s+": date.getSeconds(), //
"q+": Math.floor((date.getMonth() + 3) / 3), //
"S": date.getMilliseconds() //
};
if (/(y+)/.test(fmt))// y ,
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt))
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
アセンブリ内
import crtTimeFtt from '../../assets/js/common';
そしてそのまま使えばいい