在UniApp中使用Vue3框架使用動態參數:
<template> <view> <text>{{ dynamicText }}</text> <button @click="changeText">點擊改變文本</button> </view>
</template> <script>
export default { setup() { const dynamicText = ref(''); // 創建一個響應式的數據引用,用于存儲動態文本 // 定義一個方法,用于改變動態文本的值 const changeText = () => { dynamicText.value = '你已經點擊了按鈕!'; }; // 將數據和方法返回給模板使用 return { dynamicText, changeText, }; },
};
</script>
在上面的示例中,我們首先創建了一個響應式的數據引用dynamicText
,用于存儲動態文本。然后,我們定義了一個名為changeText
的方法,用于改變dynamicText
的值。在模板中,我們使用插值表達式{{ dynamicText }}
來顯示動態文本,并給按鈕元素綁定了一個點擊事件@click="changeText"
,當點擊按鈕時調用changeText
方法來改變動態文本的值。這樣,我們就可以根據實際需求傳入不同的參數來更新動態文本的展示了。