ホームページ  >  記事  >  ウェブフロントエンド  >  vue.jsから現在の要素のテキスト情報を取得する方法

vue.jsから現在の要素のテキスト情報を取得する方法

亚连
亚连オリジナル
2018-05-31 14:45:072316ブラウズ

ここで、現在の要素のテキスト情報を取得するための vue.js メソッドを共有します。これは優れた参考値であり、皆さんの役に立つことを願っています。

1. 現在クリックされているコンテンツを取得します

<li @click="problem1">
      1. <span class="blue">关于公众号使用问题</span>
      <img src="../img/right.png" alt=""/>
</li>

このliタグをクリックすると、スパン内のテキストを取得したいので、次のメソッドを使用できます:

 problem1: function(e){
   console.log(e.target.innerText);
 }

これでOKです

2. 中国語の判断

注: 文字セットは正しくなければなりません。たとえば、すべて utf-8 または gbk です。そうしないと判断が間違ってしまいます。

上記は私があなたのためにまとめたものです。

関連記事:

Vueのルーティング動的リダイレクトとナビゲーションガードの例

動的に作成された要素にイベント操作を追加するJSの実装例

画像をデータベースにアップロードしてページに表示するVueの実装例

以上がvue.jsから現在の要素のテキスト情報を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。