Vueで変数と文字列の連結を実装する方法

陈政宽~
リリース: 2018-05-24 10:02:56
オリジナル
4927 人が閲覧しました

この記事では、vue で 変数文字列 の結合を実装する方法を主に紹介します。編集者が非常に優れていると考えたので、参考として共有します。エディターをフォローして見てみましょう

ドキュメントを整理し、Vue で変数と文字列のスプライシングを実装する方法に関するコードを検索し、整理して少し合理化して、共有します。

データ内の変数を定義する:

data() {
  return {
    a: 'A'
  }
}
ログイン後にコピー

ボタンをクリックして文字列と変数aを結合するにはどうすればよいですか?

<button @click=&#39;showMsg&#39;></button>
//vue
methods: {
  showMsg() {
    alert(`获取了${a}`);
  }
}
ログイン後にコピー

alert() には一重引用符がありませんが、2 つの ` 記号 (esc の下のキー) があることに注意してください。

クリックすると表示されます


以上がこの記事の全内容です。皆様の学習に役立てば幸いです。皆様もスクリプトハウスを応援していただければ幸いです。

以上がVueで変数と文字列の連結を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート